종이 한장 차이...

nextJS14 버전의 공식 홈의 튜토리얼 프로젝트에 PWA를 설정해 보았다.예전에 VueJS 프로젝트에 PWA를 적용하는 방법을 정리한 적이 있는데 그것보다 훨씬 간단한 것 같다. 1. react nextJS 튜토리얼 앱 프로젝트 생성.npx create-next-app@latest nextjs-dashboard --use-npm --example "https://github.com/vercel/next-learn/tree/main/dashboard/starter-example"원하는 경로에 nextjs-dashboard라는 폴더를 생성하고 해당 폴에 Github의 튜토리얼 프로젝트를 clone 한다.프로젝트 설정이 이미 되어 있기 때문에 종속성 설치는 하지 않는다.참고: https://nextjs.o..

준비물: - vue ui - 간단한 vue 토이 프로젝트 하나 * 나의 경우 기존에 vue.js 공부를 하느라 만들어본 사용자 인증 프로젝트에 PWA를 적용해 보았다. 대략 이틀정도 구글링을 하며 삽질하였다...... 1. vue ui 에서 PWA를 설정할 프로젝트를 선택 한 다음 아래와 같이 PWA플러그인 설치 @vue/cli-plugin-pwa를 검색하여 설치해준다. 2. 의존성에도 register-service-worker 항목이 있는지 확인. (없거나 정상인 상태가 아닌 경우 추후 service-worker.js 설정을 해주면 된다.) 3. 설정에서 아래와 같이 PWA 설정을 한다.(나는 앱 이름만 추가했다.) 4. VS-CODE로 본 프로젝트 구조 5. 위 3번 vue ui설정에서 앱 이름을 입..