PWA! 1만 시간의 법칙 웹 페이지를 앱으로!
제주코딩베이스캠프의 <1만 시간의 법칙> 웹 페이지를 PWA를 사용하여 직접 앱으로 만들어봅시다! 난이도는 초급이며, 교육 과정에 필요한 웹 페이지 소스코드를 모두 제공합니다.
글로벌 기업에서 도입하여 사용하고 있는 PWA(Progressive Web Apps) 기술! 무엇이 좋기에 글로벌 기업들이 이 기술에 주목하고 있는 것일까요?
1. 웹 서비스를 네이티브 앱 서비스만큼의 성능을 내는 앱 서비스로 제작 가능
2. 적은 개발 리소스, 간편한 사용, 다양한 플랫폼에 한 번에 배포
물론 장점만 있는 것은 아닙니다. 아직 네이티브 앱의 경험을 완벽하게 지원하지 못하는 등의 극복해야 할 것들이 남아있지만, 그 지향성을 보았을 때 앞으로의 행보가 기대되는 기술이기도 합니다.
이런 PWA 기술을 직접 경험해 보고 싶으신 분, 앱을 한 번 만들어보고 싶은데 네이티브 앱을 배우기에는 부담이 되시는 분, 자신의 웹 서비스를 앱으로 쉽게 만들고 싶으신 분들을 위해 준비하였습니다.
저자 : 김유진
- 주식회사 위니브의 CTO이자 Front-End 개발자입니다.
Ch1. PWA란 무엇일까?
1.1 PWA란?
1.2 PWA의 요건
Ch2. PWA 만들기
2.1 우리가 사용할 프로젝트 살펴보기
2.2 웹 페이지의 점수는?!
2.3 HTTPS 연결
2.4 Manifest 설정하기
2.5 Service Worker 설정하기
2.6 적용하기
2.7 완성된 PWA 확인하기
부록
Github - 기본 명령어
Maskable 아이콘 만들기
Service Worker와 Manifest의 역할
참고자료