프로그레시브웹앱 2

독학 어플 개발 day 23

프로젝트 폴더로 다시 넘어와서 vuefire 플러그인을 설치하려고 했는데 이와 같이 dependency 오류가 떠버렸다. 그래서 이 글을 작성하다가 에라 모르겠다 하고 @next를 뺀 명령어를 입력했는데 설치가 돼버렸네? 심지어 버젼도 2.2.5로 원하던 2.x 버젼이 깔렸다. vuefire 버젼이 업데이트 되면서 @next를 입력하면 3.x 버젼이 깔려 호환성 문제가 발생했던 듯하다. 해결돼서 다행이다. 그 후, Firebase 프로젝트를 만들고 Firestore 기능을 추가해주었다. 그리고 프로젝트 파일에서 firebase.js 를 생성하고 작성한 후, main.js에서도 firebase 변동사항을 업데이트 해주었다. project Id가 코드에 기입되어 있기 때문에 코드 내용은 따로 공개하지 않겠다..

독학 어플 개발 day 21

[PWA] Vue.js 프로젝트에 PWA 적용하기 아래 3가지를 충족해야 PWA가 될 수 있다.웹 앱 매니페스트 (Web App Manifest)서비스 워커 (Service Worker)HTTPS 프로토콜Vue 프로젝트가 없다면 Vue CLI를 통해 프로젝트를 생성한다.웹 앱 매니페스트란 앱 velog.io 교재와 위의 링크를 참고하여 몇 가지 추가로 진행하였다. 메니페스트를 개략적으로 만들어놓고 인덱스에 메니페스트 주소 추가 pwa 설치 어떤 부분이 했던 건지 또 어떤 부분이 해도 되는 건지 헷갈린다. npm install - project setup npm run build - compiles and minifies for production 프로젝트 셋업 후 컴파일까지 해주었고 그 결과로 서비스 워..