일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Next.js
- yona
- MSsql
- PM2
- git
- jquery
- ajax
- security
- SpringBoot
- Java
- Eclipse
- console
- jenkins
- spring3
- mysql
- config
- node.js
- javascript
- War
- rocky9
- Maven
- NextJS
- mybatis
- centos7
- post
- nodejs
- spring
- popup
- 개발자도구 차단
- MariaDB
- Today
- Total
목록Next.js (4)
ふたりで
nextJS 프로젝트를 pm2 cluster 모드로 구동시켜 보기.해당 글은 아래의 링크를 참조하여 작성되었습니다.https://pm2.keymetrics.io/docs/usage/cluster-mode/ PM2 - Cluster ModeAdvanced process manager for production Node.js applications. Load balancer, logs facility, startup script, micro service management, at a glance.pm2.keymetrics.io# 프로젝트 환경은 다음과 같다.- nextjs v14- nodejs v20- rocky9 linux- pm2 v5 # pm2로 nextjs 앱을 구동시..
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..
그동안 jenkins로 운영환경에 배포를 할 경우 apache-httpd + tomcat 인 환경에 war로 배포를 하였다. 하지만 이번에 진행하는 프로젝트는 next.js로 만들어진 node.js 기반의 프로젝트이다 보니 기존 배포 방법 말고 node.js로 빌드하고 빌드된 파일을 원격서버에 배치시켜야 하는 방법을 사용해야 하기에 관련하여 작업했던 내용을 정리해 본다. 원격지서버인 운영서버는 node.js 서버로만 서비스를 할 예정이다. ##시스템 구성 1. centos7+jenkins (jenkins가 설치되어 있고 node.js가 설치되어 있는 centos서버) 주: node.js설치는 2. rocky9 +node.js 를 참조해서 nvm으로 설치하면 된다 https://graykang.tistor..