개발자 배트맨의 일상🦇

안녕하세요, 오늘은 Express.js 개발 중 알게된 모듈인 nodemon에 대해 포스팅 해보겠습니다.코드 수정 후에 서버를 재시작하지 않고도 변경 사항이 적용되어 개발의 질이 향상됩니다! 😊nodemon이란?Node.js 애플리케이션을 실행하는 개발 도구입니다. 코드를 수정하면, nodemon이 변경 사항을 감지하고 자동으로 서버를 재시작합니다. nodemon 설치명령어nodemon은 전역 설치와 로컬 설치가 가능합니다. 저는 로컬로 설치하니까npm install nodemon위 명령어를 실행해줍니다. 전역 설치는 global의 g를 따서npm install -g nodemon 위 코드를 입력하면 됩니다. 사용 방법기본 실행기존에 애플리케이션을 실행할 때, node (app.js) 와 같이 명령어를..

Backend/Node.js 2024. 11. 18. 23:59

오늘은 라우터에서 식별자를 포함하는 URL을 쓸 때 주의해야 할 점에 대한 포스팅입니다.문제 상황식별자(ID)를 포함하는 URL을 사용했는데, 엔드포인트를 제대로 인식하지 못해서 다른 컨트롤러로 이어짐. // 게시글 수정 routesRouter.post('/posts/:id', updatePost);// 게시글 생성 routesRouter.post('/posts/create', createPost); 코드는 위와 같이 작성했고, 두 라우트의 순서가 critical한 문제를 만들 수 있습니다.😂// 게시글 수정 처리router.post('/posts/:id', updatePost);// 새 게시글 생성 처리router.post('/posts/create', createPost);실제로 이 코드는 '..

Backend/Node.js 2024. 11. 14. 21:33

안녕하세요 !오늘은 req 객체에서 읽은 값이 undefined로 뜨는 문제를 트러블 슈팅한 부분을 적어보려고 합니다.종종 발생하는 문제고.. 원인을 분석했던 과정과 그 결론을 통해 어떻게 해결할 수 있는지 적어보겠습니다.문제 상황프론트엔드 서버에서 백엔드 서버로 POST 요청을 보냈고, 백엔드 컨트롤러에서 req.body의 데이터를 받아서 사용하려 함.그런데 req.body의 값이 undefined로 출력됨.디버깅 과정1. 서버 정상 작동 확인먼저 프론트엔드, 백엔드 서버가 정상적으로 동작하는지 확인했습니다. POST 요청을 보내고 'status 200 OK'을 통해 두 서버 모두 에러 없음을 확인했습니다.2. 백엔드 서버 라우터 및 컨트롤러 확인컨트롤러 최상단에 console.log()를 추가하여 요..

Backend/Node.js 2024. 11. 12. 23:57

오늘부터는 트러블 슈팅했던 부분들에 대해서 하나씩 포스팅해보겠습니다.HTML 파일에서 ​ 원인브라우저의 개발자 도구(Mac에서는 'command(⌘) + option(⌥) + I', Window에서는 'f12')에서 확인한 결과, 404 오류가 발생했습니다. 따라서 해당 경로에서 파일을 찾을 수 없다는 말입니다.문제를 검색해보니, Express 애플리케이션에서 정적 파일을 모아놓은 디렉토리의 경로 설정이 제대로 되지 않았던 게 문제였습니다.해결: express.static() 사용하기아래와 같이 app.js에서 설정합니다.// app.jsimport express from 'express';import path from 'path';const app = express();const PORT = 3000..

Backend/Node.js 2024. 11. 11. 17:49

[express.js] 설치Node.js 설치먼저 node.js가 설치되어야 합니다. [Node.js] 설치 (macOS)Node.js 설치 여부 확인'command(⌘) + 스페이스'를 누른 다음 terminal을 실행합니다.터미널에 아래 명령어를 입력하여 Node.js가 설치되어g-batman.tistory.com지난 포스팅에서 Express 설치를 했고, 오늘은 애플리케이션 생성과 라우팅에 대해 정리해보겠습니다.레퍼런스를 찾아보면 대부분 CommonJS 문법으로 작성된 코드여서 오늘은 ES6 문법을 따르는 코드로 진행하겠습니다.'CommonJS vs ES6'에 대한 내용은 다음에 다시 다루도록 하겠습니다. 일단 ES6 문법을 사용하면 코드가 더 간결하고 가독성이 좋다는 점을 기억해주시면 됩니다.Ex..

Backend/Node.js 2024. 11. 5. 21:25

javascript 언어를 공부하고 있는데, 블로그도 자주 쓸 겸 아주 간단한 부분들도 포스팅하기로 했다.무심코 지나쳤던 부분들도 의문점을 가지면 몰랐던 것들이 많네..우리는 package.json 파일을 만들기 위해서 npm init 또는 npm init -y 명령어를 사용한다.그런데 -y 옵션은 어떤 의미일까..? npm init만 입력하면 project에 대한 기본 사항을 일일이 정해줘야 하는데 '-y'라는 옵션을 이용하면 default값으로 설정된다. 즉, 딱히 설정을 바꿀 것이 없어 엔터를 여러 번 누르던 짓을 한 방에 해준다는 것이다. 실행하면 아래와 같이 바로 만들어진다. 참고, -y의 의미는 "yes"

Backend/Node.js 2024. 10. 30. 18:12

Node.js 설치먼저 node.js가 설치되어야 합니다. [Node.js] 설치 (macOS)Node.js 설치 여부 확인'command(⌘) + 스페이스'를 누른 다음 terminal을 실행합니다.터미널에 아래 명령어를 입력하여 Node.js가 설치되어 있는지 확인합니다.node -v 위와 같이 node.js의 버전이 나온다면g-batman.tistory.com 프로젝트 디렉토리 생성 및 express 설치node.js를 설치하고 애플리케이션을 저장할 디렉토리를 생성합니다.해당 디렉토리로 이동합니다.$ mkdir myapp$ cd myapp 그다음 npm init 명령어를 사용하면 애플리케이션 설정에 대한 파일인 package.json이 생성됩니다.package.json은 프로젝트의 정보와 사..

Backend/Node.js 2024. 10. 29. 02:04

Node.js 설치 여부 확인'command(⌘) + 스페이스'를 누른 다음 terminal을 실행합니다.터미널에 아래 명령어를 입력하여 Node.js가 설치되어 있는지 확인합니다.node -v 위와 같이 node.js의 버전이 나온다면 node.js가 이미 설치된 것이니 해당 과정을 생략해도 됩니다.만약 버전 정도가 나오지 않는다면 아래 Node.js 설치 과정을 따라 하시면 됩니다.Node.js 설치(해당 포스팅은 23.1.0 LTS 버전을 기준으로 작성되었고, 버전 차이에 의해 글의 내용이 달라질 수 있습니다.)Node.js 설치 파일을 아래 공식 홈페이지에서 다운 로드합니다. Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime ..

Backend/Node.js 2024. 10. 28. 22:04