1. PWA란?

PWA(Progressive Web App): 웹사이트를 앱처럼 설치 가능하고 인터넷 없이도 일부 기능 사용 가능합니다. 즉, 웹 사이트를 네이티브 앱처럼 사용자 경험할 수 있게 해주는 기술입니다!

2. 설치 명령어

npm install vite-plugin-pwa --save-dev

3. FaviconGenerator

Favicon Generator for perfect icons on all browsers

4. 기본 설정(문법)

• vite.config.js
• index.html
• Main.jsx

5. 실습 코드

bold 처리된 부분을 복사해 주시면 됩니다!

• vite.config.js
• index.html
• .env