웹 입문

Progressive Web Apps (PWA) 소개

우리는 지금까지 프론트엔드와 백엔드 핵심 기술을 익히고, 데이터베이스, 보안, 성능, 개발 도구까지 폭넓게 다뤘습니다. 이제 기본 웹 애플리케이션을 기획하고 배포할 수 있는 기반이 갖춰졌습니다.

서비스 워커와 웹 앱 매니페스트를 중심으로 Progressive Web Apps (PWA) 소개의 판단 흐름을 읽습니다.

핵심 흐름

1

PWA (Progressive Web App)란?

PWA (Progressive Web App)는 웹 기술(HTML, CSS, JavaScript)을 사용하여 개발되었지만, 네이티브 애플리케이션(iOS, Android 앱)과 유사한 사용자 경험을 제공하는 웹...

2

PWA의 핵심 구성 요소

PWA는 다음 세 가지 핵심 기술과 여러 권장 사항을 바탕으로 구현됩니다.

3

PWA의 주요 특징 및 장점

PWA는 네이티브 앱의 장점을 웹으로 가져오면서도 웹 본연의 장점을 유지합니다.

4

PWA 구현의 간단한 흐름 (예시)

매니페스트 파일 (manifest.json) 생성 HTML에 매니페스트 링크 추가 서비스 워커 파일 (sw.js) 생성 및 캐싱 전략 정의 메인 JavaScript 파일에서 서비스 워커 등록 HTTPS 환경에서...