리액트 프로젝트에 PWA(Progressive Web Apps) 적용

PWA(Progressive Web Apps)란?웹을 모바일 앱인척 만드는 기술이다.웹 응용프로그램이나 웹앱 이라고 하기도 한다.PC환경에 비유하자면 바로가기 아이콘을 바탕화면에 까는것과 비슷하다. 장점비용이 적게든다.앱 스토어를 이용하지 않고 사용&업데이트가 가능하다.오프라인에서도 동작할 수 있다.단점주요 소스와 이미지를 다운받아 놓기 때문에 속도나 메모리에 영향을 줄 수 있다. 리액트에서 PWA 세팅 1. pwa로 프로젝트 생성처음 프로젝트 생성할때 세팅을 해줘야 한다.기존 프로젝트를 수정하는건 안되고, PWA로 프로젝트를 만들어서 기존 프로젝트 파일을 복사해 와야 한다.npx create-react-app 프로젝트명 --template cra-template-pwa  manifest.json에서 앱..

2025.02.06