그랜파 개발자의 프론트엔드 공부

firebase-messaging-sw.js// firebase-messaging-sw.jsimportScripts('https://www.gstatic.com/firebasejs/10.13.0/firebase-app-compat.js');importScripts('https://www.gstatic.com/firebasejs/10.13.0/firebase-messaging-compat.js');// Your web app's Firebase configuration (same as in your firebase.js)const firebaseConfig = { apiKey: "your-api-key", authDomain: "your-auth-domain", projectId: "your-proj..

Vue로 PWA 개발 - 그랜파 개발자Vue 프로젝트 Beta Test : mylog, 일상의 기록개발이 진행됨에 따라 소스 코드를 계속 추가해 갑니다. 홈페이지의 마이로그 목록에서 마이로그를 선택하면 상세보기로 이동합니다. 상세 보기에서는 댓글과 답글을 쓸 수 있고, 구독과 수정도 할 수 있습니다.마이로그 상세보기마이로그는 단문 서비스이므로 마이로그 전체 목록 보기에서 각 마이로그 내용 전체를 볼 수 있습니다. 그럼에도 상세보기가 있는 이유는 마이로그에 대한 댓글과 댓글에 대한 답글을 위한 것입니다. 그리고 조회수를 카운트 합니다. 전체 목록에서 내용을 볼 수 있는데, 굳이 마이로그를 선택하여 상세 보기 페이지가 열릴 때 조회수를 카운트하는 것이 어색하긴 합니다.마이로그 리스트에서 마이로그를 선택하면 ..

Vue로 PWA 개발 - 그랜파 개발자.  혼자 공부를 하면서 웹 서비스까지 하기 위해 웹 서버 호스팅을 한다는 것은 무리가 있습니다. 서버 호스팅 자체에 벌써 부담감이 느껴집니다. 서버 호스팅, 서버 운영 또한 쉽지 않은 분야입니다. 비용도 생각하지 않을 수 없습니다.    그럼에도 웹 서비스를 위해서는 웹 서버가 있어야 한다고 생각했습니다.   무료로 사용할 수 있는 웹 서버에 대해 검색을 하다가 firebase를 이용하면 서버가 없이 웹 서비스를 할 수 있다는 것을 알게 되었습니다. 웹앱인데 모바일앱처럼 사용할 수 있다는 PWA도 알게 되었습니다.    과거 어느 때 웹개발과 안드로이드 모바일앱도 개발한 경험이 있어서 웹앱인데 모바일앱처럼 설치하여 사용할 수 있다는 것이 매력적으로 다가와 PWA를 ..