반응형
🤍nodemon이란?
- node monitor의 약자
- 노드가 실행하는 파일이 속한 디렉터리를 감시하고 있다가 파일이 수정되면 자동으로 노드 애플리케이션을 재시작하는 확장 모듈임.
- 개발 중인 노드 애플리케이션 소스코드를 수정할 때마다 새로 시작할 필요가 없어져서 매우 편리하다.
🤍nodemon 설치 방법
npm install nodemon --save-dev
dev를 붙이는 이유는 development는 로컬에서 그냥 테스트로서 사용하겠다는 의미.
🤍npm 개념 재확인하기
- npm은 node.js에서 사용 가능한 모듈들을 패키지화시켜 모아놓은 것.
- npm = "Node Package Modules"
- 웹에서 필요로하는 특정 기능들을 일일이 개발하지 않아도 이미 누군가 만들어놓은 모듈을 다운받기만 하면 되므로 개발을 쉽게 할 수 있어 노드가 빠르게 인기를 끄는 것에 도움을 주었다.
🤍package.json
- 노드로 확장 모듈을 작성하면 npm을 통해 중앙 저장소로 배포할 수 있다.
- package.json 파일은 배포한 모듈 정보를 담고자 만들어졌고 노드로 작성하는 애플리케이션도 package.json 파일을 사용하여 관리할 수 있다.
npm init //을 통해 자동 생성
npm install --save //를 통해 자동으로 모듈 정보 추가
package.json 스크립트 코드에 아래 내용을 추가하고
"backend": "nodemon index.js",
npm run backend 라고 터미널에 쳐주면 index.js에 따로 노드 명령어를 사용할 필요없이 바로바로 새로고침을 통해 내용(or 애플리케이션 수정을 확인할 수 있다.
변경 전에는 localhost로 띄웠을 때 {res.send(들어갈 내용 수정)}을 하고 새로고침을 해도 바로 바뀌지 않고 노드 명령어로 새로 시작해야 하는 번거로움이 있었다.
nodemon을 설치함으로써 내용을 수정하고 새로고침하면 바로 내용이 수정되는 것을 확인할 수 있다!
반응형
'💻 my code archive > 💜React.js' 카테고리의 다른 글
노드&리액트 공부기록(11) - CORS 이슈, Proxy로 해결하기 (0) | 2022.03.01 |
---|---|
노드&리액트 공부기록(10) - bolier-plate 기반의 구조로 변환하기 (0) | 2022.03.01 |
노드&리액트 공부기록(9) - 리액트란?, Real Dom , Virtual Dom, React 설치, npx, npm 차이점 (0) | 2022.03.01 |
노드&리액트 공부기록(8) - Auth 기능, 로그아웃 만들기 (0) | 2022.02.28 |
노드&리액트 공부기록(7) - bscrypt 사용, 비밀번호 암호화하여 DB 저장하기, 로그인 만들기 (0) | 2022.02.28 |