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

main.js// src/main.jsimport Vue from 'vue'import App from './App.vue'import './registerServiceWorker'import router from './router'import store from './store'import vuetify from './plugins/vuetify'import { getMessaging, onMessage } from "firebase/messaging";Vue.config.productionTip = falsenew Vue({ router, store, vuetify, render: h => h(App), created() { // Set up Firebase auth state chan..

Vue로 PWA 개발 - 그랜파 개발자Vue 프로젝트 Beta Test : mylog, 일상의 기록개발이 진행됨에 따라 소스 코드를 계속 추가해 갑니다. 내가 작성한 마이로그는 수정할 수 있습니다. 상세 보기 페이지에서 수정을 위하여 수정 페이지로 이동할 때 props를 이용하여 수정할 마이로그를 전달합니다.마이로그 수정마이로그 수정을 위하여 상세 보기 페이지에서 수정 버튼을 누르면 수정 페이지로 이동합니다.수정 페이지로 이동할 수 있도록 Vue Router에서 라우팅 설정을 추가합니다. Vue Router에서는 props 옵션을 통해 mylogId와 mylog를 라우트 파라미터로 수정 컴포넌트로 전달할 수 있습니다.수정 페이지에서는 props로 mylogId와 mylog를 받아 화면에 출력하고 수정할 ..

Vue로 PWA 개발 - 그랜파 개발자. 무엇을 공부할지 정해졌습니다. 프론트엔드를 공부하기로 한 것입니다. ‘어떻게 공부하지?’ 공부를 위하여 튜토리얼을 찾아 이런 저런 사이트를 방문하고, 기초 문법을 배우기 위해 책을 사서 읽고 유튜브를 시청하는 등 그런 공부 방법은 내키지 않습니다. 사실 난 ‘그랜파 개발자’입니다. 생성형 AI가 코딩을 잘해서 장래에 프로그래머란 직업이 없어질 것이라는 풍문이 인터넷을 떠돌고 있습니다.Chat GPT에게 머신 비전에서 필요한 이미지 프로세싱 관련 간단한 클래스 하나 만들어 달라고 했습니다. Chat GPT가 짜준 코드를 보고 아주 감탄을 했습니다. 코드의 품질이 보통이 아닙니다. 조금만 손보면 실무에 바로 적용할 수 있을 것 같습니다. 직접 Chat GPT에 접속하..