PWA란?
Progressive Web App은 Service Worker + Manifest + HTTPS 3요소로 웹을 앱처럼 동작하게 하는 기술 집합이다.
주요 기능
- 홈 화면에 설치 아이콘
- 오프라인 동작 (Service Worker 캐시)
- 푸시 알림
- 스플래시 스크린
언제 선택하나
네이티브 앱 개발 비용 없이 앱 경험을 원할 때. 단, iOS는 푸시 알림 등 일부 기능이 제한적이다.
PWA란?Progressive Web App
정의
웹 기술로 만든 앱을 네이티브 앱처럼 설치·오프라인 동작하게 하는 표준.
다른 표현PWA란
📘 관련 기술노트
전체 보기 →🔗 함께 보면 좋은 용어
Frontend 전체 →이미지 최적화
Next.js Image·WebP·AVIF·srcset·lazy·blur placeholder.
쿠키 속성
HttpOnly·Secure·SameSite·Domain·Path·Max-Age. 보안·동작 제어.
a11y
Accessibility
웹 접근성. 장애인·모든 사용자가 쓸 수 있게 하는 실천. WCAG 표준.
Analog (Angular)
Angular용 메타프레임워크. Vite·파일 라우팅·SSR.
Angular
Google의 엔터프라이즈 프런트엔드 프레임워크. TypeScript 1급. RxJS·DI 기반.
Angular Signals
Angular 17+의 반응성 API. Zone.js 의존 탈피.