[React.js] react app을 PWA로 만들기

PWA - Progressive Web App 브라우저에서 실행되는 Web App을 마치 네이티브 앱처럼 만들어 주는 기술이다. 네이티브 앱"처럼" 이기때문에 네이티브의 기능을 사용할 순 없지만 읽기 속도, 표시 속도, 오프라인에서의 실행 등 이점을 얻을 수 있다. 서비스 형태에 따라 PWA 사이트에 접속한 경우, 바탕화면에 PWA를 설치할까요? 라는 팝업을 띄울 수도 있다. 바탕화면에 설치하게 되면, 다른 네이티브 앱들처럼 새로운 앱이 설치된것마냥 녹아들게 된다. React 앱을 PWA 로 제공해주기 위해서는 몇가지 준비가 필요하다. - PWA 지원 브라우저 - Service Worker - icon 설정 PWA를 지원하는 브라우저마다 동작이 조금씩 다르므로 확인하는 것이 좋다. PWA는 Service..

2021.08.25