일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- 엘리스 AI 트랙
- 개발자 채용설명회
- 코딩배우기
- fabricjs
- 웹개발프로젝트
- aws_s3
- tempfile
- 블로그와 친해지기
- 엘리스
- 코딩 국비지원
- 이미지처리프로젝트
- 프로젝트마무리
- REACT
- Python
- 인공지능모델학습
- reactStrictMode
- after_this_request
- 와탭랩스
- devmode
- 코딩교육
- FLASK
- 프레임워크vs라이브러리
- 웹개발포트폴리오
- pymupdf
- 부트캠프프로젝트발표
- 팀프로젝트
- 코딩국비지원
- 엘리스AI트랙
- 코딩부트캠프
- 엘리스AI트랙데모데이
- Today
- Total
자몽이 조아
초기세팅하기 본문
1.Nextjs typescript로 세팅하기, jest 설정파일
Setting up Next.js with TypeScript, JIT Tailwind CSS and Jest/RTL
How I set up a modern stack with Next.js, TypeScript and Tailwind CSS with JIT compiler, fully ready for TDD with Jest and React Testing Library.
blog.antoniolofiego.com
https://github.com/vercel/next.js/tree/canary/examples/with-jest
GitHub - vercel/next.js: The React Framework
The React Framework. Contribute to vercel/next.js development by creating an account on GitHub.
github.com
document 설정
https://nextjs.org/docs/advanced-features/custom-document
2. Nextjs PWA 초기세팅하기
--------------------
3. pwa offline 설정
https://github.com/shadowwalker/next-pwa/tree/master/examples/offline-fallback-v2
GitHub - shadowwalker/next-pwa: Zero config PWA plugin for Next.js, with workbox 🧰
Zero config PWA plugin for Next.js, with workbox 🧰 - GitHub - shadowwalker/next-pwa: Zero config PWA plugin for Next.js, with workbox 🧰
github.com
4. 웹푸시 설정
https://lemontia.tistory.com/1047
[React, PWA] 클라이언트에서 웹 푸시(fcm) 설정하기
우선 PWA 에 대해 간단히 알고 넘어가자 PWA(Progressive Web App) 란? 구글 개발자 컨퍼런스인 I/O 2016에 발표된 기술 웹에서 네이티브 앱과 같은 동작을 가능하게 함 홈 화면에 추가 및 푸시 알림, 그리
lemontia.tistory.com
https://www.sam9000.com/articles/how-to-install-a-web-app-pwa-on-windows-mac-or-phone