Babel, Nodemon, Express을 활용한 Node.js 프로젝트 설정 방법
ID
63
status
Public
menu
Frontend
submenu
tags
Node.js
summary
thumbnail
date
Jul 28, 2024
- 프로젝트 폴더 생성
mkdir project_name
- 프로젝트로 이동
cd project_name
- Node.js 프로젝트 초기화 → 프로젝트 디렉토리에 “package.json” 생성
- package.json: 프로젝트의 메타데이터(프로젝트 이름, 버전, 설명, 주요파일, 스크립트, 의존성)를 포함 + 프로젝트를 관리
npm init -y
- IDE로 프로젝트 실행
- package.json에서 scripts, main, keywords, author 삭제
- license는 원하는거 추가 ex) MIT
- description에는 프로젝트 설명 추가
- Github에 올릴 걸 고려해서 README.md 추가
- 필요한 패키지 설치
- Nodemon 설치
npm i nodemon -D
- Babel 설치하기 전 babel.config.json 파일 생성
- nodemon.json 파일 생성
- src 폴더를 만들고 server.js 파일 생성
git init .명령어 입력
- Babel 설치
npm i @babel/core @babel/cli @babel/node @babel/preset-env -D
- .gitignore 생성해서 node_modules 입력
- nodemon 설정하기
- nodemon.json 파일에 다음 추가
{ "exec": "babel-node src/server.js" }
- babel.config.json 파일에 다음 추가
{ "presets": ["@babel/preset-env"] }
- package.json에 scripts 추가
"scripts": { "dev": "nodemon" }
- express 설치
npm i express
- pug 설치
npm i pug
- src/server.js에 다음 추가해서 express app 생성
import express from "express"; const app = express(); app.listen(3000);
npm run dev를 실행시키면 서버가 실행 됨
댓글