코딩일상

개요next.js 를 통해서 개인 프로젝트를 진행하던중Hydration mismatch 라는 이슈를 마주하게 되었다. 하이드레이션이란? 하이드레이션 비유를 🧊 얼음 큐브(서버의 HTML) → 💧 물(상호작용 가능한 웹페이지)서버에서 보내준 HTML은 '얼음 큐브’이다모양은 갖추어져 있지만, 딱딱하고 변화가 없다. 이 얼음 큐브가 브라우저에서 '물'이 되어야 사용자와 상호작용할 수 있다.이렇게 얼음을 물로 만드는 과정이 바로 '하이드레이션'왜  하이드레이션이 필요??1. 빠른 초기 로딩 - 서버가 미리 HTML을 만들어서 보내줌 - 사용자가 빨리 콘텐츠를 볼 수 있음2. 검색 엔진 최적화(SEO) - 검색 엔진이 콘텐츠를 잘 읽을 수 있음 - 더 나은 검색 결과 노출3. 사용자 경험 - 초기 화면이 ..

dev 버전의 mysql이 DBeaver에서는 문제없이 connection spring application에서는 connection 에러가 발생 DBeaver 연결에서 사용된 Driver 값과 mysql-connector-java 버전이 다르다는것을 파악 ( mysql-connector-java버전이 하위) DBeaver 연결에서 사용된 Driver 값과 mysql-connector-java 버전을 맞춰주니 문제 없이 연결 완료 mysql mysql-connector-java 8.0.29

[ERROR] bad class file: /Users/catap/.m2/repository/com/github/ben-manes/caffeine/caffeine/3.0.0/caffeine-3.0.0.jar(com/github/benmanes/caffeine/cache/Cache.class) [ERROR] class file has wrong version 55.0, should be 52.0 [ERROR] Please remove or make sure it appears in the correct subdirectory of the classpath. 빨간색 글씨의 위치의 빌드된 jar 파일을 지우고 java 버전을 11로 변경후 빌드진행 후 재시작 참고 글 JDK8 doesn't supported?..

원인 프로젝트를 세팅하다가 dependecy를 처음부터 다세팅을 해두었다. (위처럼 주석 처리를 하지 않고) 그리고 우선 mongoDB에 연동하기 위한 작업을 한후에 테스트 코드를 작성하였고 그 결과값으로 본 포스팅을 작성하게된 원인인(Failed to determine a suitable driver class을 만나게 되었다. 생각해보니 나는 코드로 이러한 dependecy를 쓴다고 명령을 해놓고 그 datasource들을 작성하지 않았기에 컴퓨터는 계속해서 찾아야 했기에 생겼던 문제였다. 해결법을 알고나니 너무나도 당연한것이었는데 삽질만 했다.. 그래도 이 삽질 때문에 코드의 순서를 파악하게 되었다. DB 연결하는 순서 1)dependecy를 gradle이나 pom에 작성을 한다. 2) applic..

let result = connection.query('select * from table') 위와 같이 DB를 조회 하여 result에 값을 담는 과정에서 RangeError: Invalid string length 라는에러가 발생하였다. 처음 보는 에러 여서 ?? 이게 뭐지 하고 이 에러에 대해 알아보니 이런 뜻이었다. "RangeError: Invalid string length" 오류는 JavaScript에서 허용되는 최대 길이를 초과하는 길이의 문자열을 만들려고 할 때 발생 길이가 2^53-1(JavaScript의 최대 안전 정수)보다 큰 문자열을 만들려고 할 때. 이것은 매우 큰 문자열을 연결하여 문자열을 만들거나 길이가 매우 큰 문자열을 만들려고 할 때 발생할 수 있다. 데이터가 너무 커서 ..

VSCode 플러그인 Console Ninja 에러 내용 ReferenceError: patch$cn is not defined at load$1 (file:///C:/Users/pc/AppData/Local/Temp/6a0d49cbe03ac47d39e25af9331daddc.mjs:195:13) 해결 방법 Console Ninja 설치후 위와같은 에러발생하면 플러그인으로 인해 발생하는 문제이므로 삭제를 해야한다.

미들웨어를 작성하다 제목의 오류가 계속발견하여 try catch 구문으로 오류의 범위를 줄였다. 3번째 줄까지는 나의 예상대로 진행이 되었다. 그다음부터가 문제 인거 같아 온갖고민을 해보다가 NoSql이었던 몽고DB구문에서 SQL인 Mysql을 사용하다 보니 바뀐 메서드 부분에서 오류가 났다는것을 알게되었다. 바뀐거라곤 5번째줄에서 findByid->findByPk로 바뀐것이다... 오늘도 삽질을 열심히 했다... 메소드만 바껴도 이렇게 힘든데 언어를 바꾸면 얼만 헷갈릴까.. 지금은 현재 집중하고있는 언어인 JS를 더 공부해보자. 오늘도 삽집성장 했다. 레퍼런스 Model Querying - Finders | Sequelize Finder methods are the ones that generate S..

포트 제거 하는법 1안 pm2 list pm2 stop processA pm2 delete processA pm2 kill 2안 sudo pkill -f pm2 레퍼런스 How to kill the pm2 --no-daemon process I'm using pm2 as the process manager of Node.js. In many cases, I think I will run it as a daemon process, but if you use it locally as debugging, I think that there are times when you use the --no- stackoverflow.com [NodeJS] pm2 를 통하여 NodeJS 프로세스 관리하기 PM2는 P(Pro..

오류 위치 let day_in = `2016-${a}-${b}` let day = new Date(day_in) let day123 = new Date(day_in).getDay//

로그아웃 에러 내용 Indicate whether to send a cookie in a cross-site request by specifying its SameSit function sign_out() { $.removeCookie('mytoken', {path: '/'}); alert('로그아웃!') window.location.href = "/login" } 로그아웃 동네정보입력 마이페이지