pwa
-
Vue.js PWA 프로젝트 firebase 호스팅 방법개발 공부/PWA 2023. 10. 6. 08:56
1. firebase 설치 npm install -g firebase-tools 2. 빌드 npm run build * 빌드 후 dist 폴더 생기는걸 볼 수 있음 3. ".firebase" , "firebase.json" 파일 생성 - .firebase : "first" 는 내 프로젝트 이름임 { "projects":{ "default" : "first" } } - firebase.json { "hosting":{ "public":"dist", "ignore": [ "firebase.json", "**/.*", "**/node_modules/**" ], "rewrites":[ { "source":"**", "destination":"/index.html" } ] } } * 프로젝트 구성 참고 https..
-
Vue.js 프로젝트 PWA 적용하기 - 매니페스트, 서비스워커 (Manifest, Service Worker)개발 공부/PWA 2023. 10. 5. 13:32
전 시리즈 : Vue js 프로젝트 생성 방법 vue cli로 시작하기 PWA 적용을 위해 필요한 것 - Manifest - Service Worker 1. Manifest 적용 * public 폴더에 manifest.json 파일 추가 - manifest.json { "short_name": "TestRozy", "name": "RozyPWA", "icons": [ { "src": "favicon.ico", "sizes": "64x64 32x32 24x24 16x16", "type": "image/x-icon" }, { "src": "/images/logo.png", "sizes": "200x200", "type": "image/png" }, { "src": "/images/img.png", "size..
-
Visual Studio Code 한글 언어 팩 설치 방법개발 공부/PWA 2023. 2. 14. 14:11
PWA를 실습하기 위한 툴로 Visual Studio Code를 선택했습니다. * 설치 방법 및 사이트 [개발 공부/PWA] - PWA 시작하기 (참고 사이트, 설치 툴) VS code에서는 한글 언어 팩을 따로 설치하여 적용시켜주어야합니다. 1. 좌측 메뉴 맨 아래 Extensions 클릭 2. korea language pack 검색 3. Install 클릭 4. 해당 버튼에 Uninstall 이 떴다면 설치 완료! 5. Change Language and Restart 버튼 클릭 VScode 한국 언어 팩 설치 완료