일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- docker
- submit
- Maven
- centos7
- FCM
- MariaDB
- mybatis
- config
- mysql
- javascript
- spring3
- Java
- popup
- NextJS
- ajax
- SpringBoot
- nodejs
- node.js
- security
- git
- PM2
- jquery
- jenkins
- Eclipse
- pwa
- rocky9
- Next.js
- Push
- MSsql
- yona
- Today
- Total
목록분류 전체보기 (176)
ふたりで
간혹 pm2로 서비스하는 app이 비정상 종료 되어 프로세스 상에 좀비로 남아 있는 경우가 있다. 이런 경우 서비스 용 port를 물고 좀비가 되기 때문에 해당 프로세스를 찾아서 강제종료를 하고 pm2로 app서비스를 다시 시작해 주어야 한다. - 좀비가 된 app프로세스를 서비스 포트 기준으로 확인한다. [graykang@localhost ~]$ netstat -ntlp |grep :4000 (Not all processes could be identified, non-owned process info will not be shown, you would have to be root to see it all.) tcp6 0 0 :::4000 :::* LISTEN 82856/next-router-wo - ..
spring 버전을 3.x 번대로 업그레이드를 한 프로젝트가 있는데 jsonArray를 List로 받아서 사용을 할 때 java.lang.ClassCastException: java.util.LinkedHashMap cannot be cast to ~ 요 딴 에러가 발생하면 아래와 같이 처리를 해주면 되더라는... 구글링 결과 spring3.x 버전의 버그 때문 이라는 말도 있는데 흠... 아무튼 object mapper로 convertValue 처리를 해주어야 한다고 한다. @Override public JSONObject saveAuthList(List jsondata) throws Exception { JSONObject responseJson = new JSONObject(); ObjectMapp..
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..
pm2 만 설치하여 사용할 경우 스토리지 용량이 다 찰 때까지 한 개의 파일에 적재된다. 이럴경우 서비스의 중단 또는 서버의 문제가 발생할 수 있다. 이를 방지하기 위해서 pm2에 module로 pm2-logrotate를 설치 설정 하여 log를 관리할 수 있다. 1. pm2-logrotate 설치. 참고:pm2-logrotate설치는 pm2 가 실행 중일 때 설치를 해도 실행 중인 app서비스에 영향이 없는 것 같다. 나의 경우 pm2가 /home/graykang/.pm2에 설치되어 있다. 혹시 모르니 /home/graykang/에서 설치를 해준다. pm2-logrotate모듈이 설치되지 않은 경우 pm2 ls를 하면 아래와 같으니, [graykang@localhost ]$ pm2 ls ┌────┬──..
보통 텝기능을 만들 때 1번, 2번, 3번 같이 미리 정해진 텝과 해당 텝의 콘텐츠를 같은 화면에 다 작성해 두고 선택한 텝 만 보여주고 나머진 숨기는 방식을 많이 사용한다. 하지만 텝이 많아지고 텝내의 콘텐츠가 많아지면 화면로딩 시 부하가 발생할 수밖에 없다. 화면로딩 부하를 조금이라도 줄여 보겠다는 생각으로 텝을 클릭 시 ajax로 데이터를 호출하고 해당 데이터를 사용하여 동적으로 텝내의 콘텐츠를 append 하는 방식으로 구현을 하려다 좀 더 쉽고 심플한 방법이 없을까 알아보니 다음과 같은 기능이 있어 정리한다. 해당 기능은 jquery의. tabs과. load 기능을 사용해 텝을 클릭 시 해당 텝의 href에 명시된 url을 호출하여 해당 텝의 콘텐츠에 바로 보여주는 방식의 기능이다. #출처: h..
Linux 또는 windows 환경에서 node.js용 MSSQL module 을 사용한 DB 접속 테스트 시 참고. 1. mssql-connTest.js 파일을 아래와 같이 만든다.const sql = require("mssql");const config = { port: XXXX, user: 'graykang', password: 'pwd1234', server: '127.0.0.1', database: 'test', stream: false, options: { encrypt: false, enableArithAbort: true },};sql.connect(config, function (err) { if (err) console.log(err); // create ..