"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > PWA와 Django #프로그레시브 웹 애플리케이션이란 무엇인가요?

PWA와 Django #프로그레시브 웹 애플리케이션이란 무엇인가요?

2024-11-06에 게시됨
검색:175

원래 Substack에 게시됨: https://andresalvareziglesias.substack.com/p/pwa-and-django-1-what-is-a-web-application?r=1ymfiv

현재 웹 애플리케이션은 대화형 정보를 표시하는 웹페이지 그 이상입니다. 때로는 거의 기본 앱처럼 작동합니다. 그리고 그들은 그렇게 하기 위해 어떤 종류의 마법을 사용합니까? 이 게시물 시리즈는 그 질문에 답할 것입니다...

PWA and Django #What is a Progressive Web Application?

프로그레시브 웹 애플리케이션이란?

Mozilla 개발자 사이트(https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps)의 PWA 정의가 마음에 듭니다.

프로그레시브 웹 앱(PWA)은 웹 플랫폼 기술을 사용하여 구축되었지만 플랫폼별 앱과 같은 사용자 경험을 제공하는 앱입니다. 웹사이트와 마찬가지로 PWA는 단일 코드베이스를 통해 여러 플랫폼과 장치에서 실행될 수 있습니다. 플랫폼별 앱과 마찬가지로 기기에 설치할 수 있고 오프라인 및 백그라운드에서 작동할 수 있으며 기기 및 설치된 다른 앱과 통합할 수 있습니다.

다음과 같은 요즘 웹 브라우저의 놀라운 기능 덕분에 기본 앱과 웹페이지의 하이브리드입니다.

  • 내장 데이터베이스
  • 오프라인 작업자
  • 데스크톱 및 모바일 운영 체제 통합
  • 등.

이 게시물 시리즈에서는 Google Project IDX의 도움으로 사랑하는 Django를 사용하여 오프라인 및 설치 가능한 프로그레시브 웹 애플리케이션을 개발할 것입니다.

데모 환경 만들기

github 저장소 만들기:

PWA and Django #What is a Progressive Web Application?

IDX에서 해당 저장소를 가져오는 새 앱을 만듭니다.

PWA and Django #What is a Progressive Web Application?

IDX 콘솔에서 Django 앱을 초기화합니다:

python -m venv ~/.venv
source ~/.venv/bin/activate

mkdir src
cd src

echo "django" > requirements.txt
pip install --upgrade pip
pip install -r requirements.txt

django-admin startproject djangopwa

초기 마이그레이션을 수행하고 서버를 실행합니다.

python manage.py migrate
python manage.py runserver

여러 IDX 구성을 컴파일하는 프로젝트 https://github.com/arifnd/nix-idx/의 도움으로 내장된 미리보기를 활성화하는 IDX 파일을 생성합니다.

cd ~/djangopwa 
wget https://raw.githubusercontent.com/arifnd/nix-idx/main/python/django/devserver.sh
cd ~/djangopwa/.idx
wget https://raw.githubusercontent.com/arifnd/nix-idx/main/python/django/dev.nix

참고: 필요에 따라 기본 dev.nix 및 devserver.sh를 편집하고 IDX 환경을 다시 시작하세요.

그런 다음 데모 앱을 만듭니다.

python manage.py startapp demo

빈 뷰 추가:

from django.shortcuts import render

def index(request):
    context = {}
    return render(request, "index.html", context)

새 앱에 대한 경로를 만듭니다.

from django.contrib import admin
from django.urls import include, path

urlpatterns = [
    path("", include("demo.urls")),
    path('admin/', admin.site.urls),
]

그리고 다음 장까지 며칠 기다리세요!

PWA and Django #What is a Progressive Web Application?

목록에 대해

Python 및 Docker 게시물 중에서 다음과 같은 다른 관련 주제에 대해서도 쓸 것입니다.

  • 소프트웨어 아키텍처
  • 프로그래밍 환경
  • Linux 운영 체제
  • 등.

흥미로운 기술이나 프로그래밍 언어 등을 발견했다면 알려주세요! 나는 항상 새로운 것을 배우는 데 열려있습니다!

저자 소개

저는 팔마에 거주하는 풀스택 소프트웨어 개발자인 Andrés입니다. 코딩 기술을 향상하기 위한 개인적인 여정을 떠나고 있습니다. 나는 또한 내 이름으로 네 권의 소설을 출판한 자가 출판 판타지 작가이기도 합니다. 무엇이든 편하게 물어보세요!

릴리스 선언문 이 기사는 https://dev.to/doctorserone/pwa-and-django-1-what-a-progressive-application-1k3c?1에서 재현됩니다.
최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3