[Nodejs-express] Express generator

[생활코딩] express generator

 

 

Express를 이용해서 프로젝트를 시작할 때 초반에 해야하는 일은 거의 같음

 

Express generator

- 기본적인 구성에 해당되고 아주 모범적인 구성을 만들어주는 기능

 

 

1. Express generator 설치

 

sudo npm install express-generator -g

 

 

2. 프로젝트 만들기

 

express 파일명

 

 

프로젝트파일이 생성되고 pachage.json에는

Express를 통해 웹프로젝트를 할 경우 필요할만한 라이브러리들이 준비되어 있음

 

{
  "name": "myapp",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "start": "node ./bin/www"
  },
  "dependencies": {
    "cookie-parser": "~1.4.4",
    "debug": "~2.6.9",
    "express": "~4.16.1",
    "http-errors": "~1.6.3",
    "jade": "~1.11.0",
    "morgan": "~1.9.1"
  }
}

 

 

3. 준비된 라이브러리 설치하기

 

cd myapp
npm install

 

 

4. 서버 실행하기

 

npm start

 

이 명령은 pachage.json에 있던

"scripts": {
    "start": "node ./bin/www"

}

내용 처럼 bin폴더의 www파일을 실행함으로써 서버를 구동시킴

 

 

5. locallhost:3000 으로 접속하면 페이지가 출력됨

 

 

app.js

var indexRouter = require('./routes/index');

- routes폴더에 index.js 파일에는 home에 나오는 내용이 있음

app.set('views', path.join(__dirname, 'views'));

app.set('view engine', 'jade');

- 템플릿 엔진 셋팅

- views폴더에 index.jade라는 템플릿 엔진파일이 있음

- html코드를 더 적을 코드로 생성해줄 수 있는 별도의 문법을 가진 언어

 

 

Template Engine

- HTML을 직접 타이핑하는 귀찮은 일을 줄어주는 소프트웨어 또는 언어

- Express와 자주 사용되는 템플릿 엔진은 Pug

 

Pug

- a(href='google.com') Google을 입력하면 <a href="google.com">Google</a>로 변환됨