React + Typescript 프로젝트에 pwa 적용하기 위한 개발 저장소

📌 PWA란?

• Progressive Web Application의 약자인 PWA는, 웹으로 개발된 사이트를 앱처럼 사용할 수 있는 것입니다. 반응형이나, 모바일 화면을 고려하지 않은 웹사이트를 앱처럼 보이기에는 어려워서 이 점을 고려하여 웹사이트를 개발해야합니다.

• 브라우저에서 실행되는 Web App을 마치 네이티브 앱처럼 만들어 주는 기술이며, 네이티브의 기능을 사용할 순 없지만 읽기 속도, 표시 속도, 오프라인에서의 실행 등 이점을 얻을 수 있다. 서비스 형태에 따라 PWA 사이트에 접속한 경우, 바탕화면에 PWA를 설치할까요? 라는 팝업을 띄울 수도 있다. 설치하게 되면, 다른 네이티브 앱들처럼 새로운 앱이 설치된것마냥 녹아들게 된다.

📌 기존 PWA 공부 흔적

Vue.js 프로젝트에 PWA 적용 삽질기

📌 React + PWA-CRA-Template

• PWA REACT TEMPLATE
• PWA REACT TEMPLATE- repo

📌 개발 기록 블로그 바로 확인하기

• React 프로젝트에 PWA 적용하기-velog