PWA(프로그레시브 웹 앱)

PWA는 HTML, CSS, 자바스크립트와 같은 웹 기술로 만드는 앱인데요. 전통적으로 앱에서 지원하는, 푸시 알림이나, 오프라인 상태도 지원하고, 홈 화면에서 앱처럼 아이콘도 추가할 수 있습니다. 홈 화면을 통해 진입 시 주소 표시줄(URL)도 보이지 않아 마치 네이티브 앱처럼 작동합니다. 이처럼 PWA는 웹과 네이티브 앱 모두의 이점을 가질 수 있는 웹 앱인데요. 웹 기술로 만들기 때문에 네이티브 개발보다 훨씬 더 빠르게 개발이 가능하고, 플랫폼(IOS, Android) 별로 개발해야 하는 네이티브보다 관리하는 코드의 양도 작습니다. 앱 스토어에 출시하기 위해 별도의 프로세스를 거치지 않아도 되고, 웹이기 때문에 검색엔진을 통해서 노출이 가능합니다(SEO). 웹사이트기 때문에 앱처럼 설치가 필요하지도 않고 브라우저를 통해 바로 접속이 가능합니다. PWA의 구현은 생각보다 간단한데요. 1. PWA가 표시되고 기능하는 방식에 대한 정보들을 manifest.json 작성 2. Service Worker API를 통해, 백그라운드에서 실행되는 스크립트(캐시) 및 푸시 알람, prefetch 등을 적용 3. PWA Builder 혹은 크롬의 Light House로 PWA 앱에 적합한 점수를 확인하고 부족한 부분을 보완 이미 AliExpress, 트위터, 인스타그램, 유투브, 페이스북, 스타벅스, 핀터레스트, 우버 등이 PWA를 도입하였고 매출 향상의 효과도 보았다고 합니다. 아직 국내에서는 많이 보급되지는 않은 것 같은데요. Safari에서의 푸시 알림 미지원 등 아직은 기술적 지원이 다소 제한적이긴 하지만 계속 꾸준히 발전하는 기술인만큼, 주시하면 좋을 것 같습니다.