ふたりで

firebase를 통해 전송온 push메시지를 nextJS 웹앱에서 받아서 표시를 해보자.구글에 많이 돌아다니는 예제들을 보고 따라 해 봤는데 구현하는 방식들이 제각 각이라참고하기가 참 힘들었다.다른 것보다 nextJS에서 라우팅을 어떤 방식으로 처리했냐에 따라서 제각각이었다.결국 chetGPT3.5의 힘만 빌려 구현을 하였다.생각보다 간단??? 했다. #환경.- nextJS 1.4 (page 라우팅 기준)- nodeJS 20.11.0참고: 이전에 토이 프로젝트로 PWA를 적용했던 프로젝트에 Fcm Push message 기능만 추가를 하였다.https://graykang.tistory.com/entry/nextJS-14-PWA-%EC%84%A4%EC%A0%95 nextJS 14 + PWA 설정.next..

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://nex..