[Node] Node.js Express-generator / Express 설치로 프로젝트 기본 세팅

Express

HTTP 요청에 대해 라우팅과 미들웨어 기능을 제공하는 웹 프레임 워크

Express-generator

MVC 구조를 가진 프로젝트를 생성해주는 도구

 

https://www.npmjs.com/package/express-generator

---

✔ Visual Studio Code

✔ 목표 Express-generator로 프로젝트 기본 세팅하기

 

express 설치는 vs code의 터미널을 사용하여 설치했습니다. 파일 내부에서 cmd로 설치하는 것과 동일합니다.

 

 

1. 터미널 열기

 

ctrl + ` 단축키 or 상단 메뉴 터미널 > 새 터미널을 선택하여 터미널을 열어준다.

2. express-generator

> npm i express-generator
+ express-generator@4.16.1

 

3. express 설치

express --view=ejs

view에는 사용하는 템플릿 엔진을 적어주면 된다. 템플릿 엔진으론 ejs / pug / hbs 등이 있다. 

│  app.js
│  package-lock.json
│  package.json
│
├─bin
│      www
│
├─node_modules
│
├─public
│  ├─images
│  ├─javascripts
│  └─stylesheets
│          style.css
│
├─routes
│      index.js
│      users.js
│
└─views
        error.ejs
        index.ejs

express를 설치하면 MVC 패턴을 가진 프로젝트가 세팅된 걸 확인할 수 있다.

 

4. 종속성 설치

> npm install

 

5. Express.js app 시작

> npm start

http://localhost:3000  으로 접속하면 된다.

 

---

mvc 프로젝트 구조가 필요없거나 템플릿 엔진을 사용할 필요가 없다면

express만 설치하는 것을 추천한다. 

[Node] Node.js 초기 세팅 / express 설치

[Node] Node.js 초기 세팅 / express 설치

 

참고자료

https://velog.io/@new_wisdom/Node.js-6-Express-Express-generator로-프로젝트-만들기

https://github.com/Hyun-Geol/express-generator