안녕하세요 🐸 프로퍼티 파일이 인코딩 문제로 한글이 깨져 나와서 고생하다가 정리합니다. 여기서는 프로퍼티 파일을 예시로 사진을 첨부했습니다. 1. 원하는 확장 파일 우클릭 -> Open With 2. Other 클릭 3. 원하는 에디터 타입 선택 ⭐⭐여기서 Use it for all ~ 부분을 체크해줘야 해당 확장자에 대한 디폴트...

Error Handling 서버에서 오류가 발생하여 사용자가 페이지에 접근하지 못할 경우의 페이지를 설정할 수 있습니다. 사용 방법 에러 핸들링을 하고자 하는 경로에 error 파일을 생성 사용 예시 "use client" export default function Error(){ return( <div> <h1&gt...

안녕하세요 🐸 오늘은 Next.js의 data fetch 방법에 대해 공부했습니다 data fetch Next.js에서 data fetch 하는 방법을 정리해 보겠습니다. 클라이언트 컴포넌트에서 data fetch 서버 컴포넌트에서 data fetch loading component 만들기 병렬 요청 하기 Suspense 사용하...

요약 File -> Preferences -> Settings explorer 검색 explorer : Compact Folders 체크 해제 1. File -> Preferences -> Settings ![[assets/img/screenshot/Pasted image 20241023215815.png]]...

라우터 분리하기 라우트가 많아지면 app.js 의 코드가 무수하게 길어지기 때문에 구분하여 분리할 수 있는 라우트는 따로 관리하는 것이 좋습니다. 예를들어 게시판과 사용자 관련 라우터가 많다면 각각 postRouter, userRouter로 구분해서 관리하는 것이 좋습니다. 파일 구조 예시 다음은 프로젝트 내에 routes 폴더를 만든 파일 구조의...

안녕하세요 마저 공부해보겠습니다 multer html의 form 태그의 타입이 multipart/form-data 인 데이터를 파싱하는 모듈 입니다. express의 json() , urlencoded() 를 통해 json 데이터와 form 데이터를 받아올 수 있었지만 multipart/form-data 인 데이터는 파싱하지 못하기 때문에 해당 모듈을...

목차 cookie-parser 설치 방법 cookie-parser 세팅 방법 cookie-parser 사용 방법 쿠키 생성 쿠키 읽기 쿠키 삭제 특이사항 cookie-parser 설치 방법 npm i cookie-parser cookie-parser 세팅 방법...

안녕하세요! 오늘은 추가로 미들웨어 몇 가지에 대해 공부했습니다. morgan 이 미들웨어는 요청과 응답에 대해 로그를 남깁니다. 직전까지 제가 학습할 때에는 모든 라우터에 대해 기록을 남기기 위해 직접 로그를 남겼었는데, 이 작업을 보다 자세하고 편리하게 처리해줍니다. 설치 방법 npm i morgan 사용 방법 const expre...

안녕하세요 🐸 휴가 쓰고 공부하는 스스로에게 칭찬 좀 하면서 시작합니다 헤헤 HTTP 서버 만들기 http 모듈을 통해 서버를 만들 수 있습니다. 다음은 그 예제입니다. const http = require('http'); const server = http.createServer((req,res)=>{ res.write('<h...