| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 29 | 30 | 31 |
- jquery
- spring3
- pwa
- git
- docker
- Next.js
- javascript
- submit
- Push
- Maven
- mybatis
- Java
- jenkins
- MariaDB
- FCM
- popup
- security
- rocky9
- PM2
- config
- nodejs
- node.js
- ajax
- centos7
- yona
- MSsql
- Eclipse
- SpringBoot
- mysql
- NextJS
- Today
- Total
목록pwa (3)
ふたりで
springboot+web(jsp)+fcmSDK11.x+getToken+PWA
springboot jsp 프로젝트에서 Firebase SDK(javascript버전)을 적용해 PushMessage를 수신받는 기능을만들어 보았다. # 환경:- SpringBoot2.7.12- Maven.- PWA.- Firebase admin V9 (CDN) javascript- 참고 사이트:https://firebase.google.com/docs/cloud-messaging/js/client?hl=ko 자바스크립트 Firebase 클라우드 메시징 클라이언트 앱 설정 | Firebase Cloud Messaging의견 보내기 자바스크립트 Firebase 클라우드 메시징 클라이언트 앱 설정 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. Push API를 지원하는 ..
nextJS 14 + PWA 설정.
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.js To pwa (vue.js 프로젝트를 PWA 로...)
준비물: - 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설정에서 앱 이름을 입..