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

Vue로 PWA 개발 - 그랜파 개발자Vue 프로젝트 Beta Test : mylog, 일상의 기록개발이 진행됨에 따라 소스 코드를 계속 추가해 갑니다.mylog 내것내가 작성한 마이로그를 모아 봅니다.최신순, 오래된순과 조회순으로 마이로그를 정렬할 수 있습니다.1. 정렬 방법최신순const q = query(collection(db, "mylogs"), where("userId", "==", userId), orderBy("createdAt", "desc"));오래된순const q = query(collection(db, "mylogs"), where("userId", "==", userId), ..

Vue로 PWA 개발 - 그랜파 개발자. 개발이라고 표현을 한 이유는 이미 만들어진 예제이지만 우리가 직접 개발한다고 가정하고 프로그램적으로 생각을 해 봅시다.1. 앱 개발 요구 사항요구 사항은 다음과 같습니다.현재 카운트를 화면에 나타낼 것현재 카운트를 두배 하여 화면에 나타낼 것버튼을 누르면 카운트를 1 증가 시킬 것버튼을 누르면 카운트를 비동기적으로 1 증가 시킬 것.2. 앱 요구에 대한 기능 분석이 요구 사항을 구현하기 위하여 해야 할 것들을 생각해 봅시다. 이것은 그랜파 개발자가 프로그램을 개발할 때 사용하는 방법입니다. 그랜파 개발자의 개인적인 방법론이므로 무조건 이렇게 해야 한다는 것은 아닙니다.화면에 카운트, 2배 카운트, 증가 버튼, 비동기 증가 버튼 그리기현재 카운트를 저장하고 있는 변..