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>로 변환됨
'Dev > Nodejs-express' 카테고리의 다른 글
[Node.js] express 모듈 사용하기 (1) | 2024.09.10 |
---|---|
[Node.js] 서버 모듈 설치하기(package.json) (0) | 2024.09.09 |
[Nodejs-express] 에러처리 (0) | 2020.08.09 |
[Nodejs-express] 정적인 파일 사용하기 (0) | 2020.08.09 |
[Nodejs-express] 미들웨어 만들기 (0) | 2020.08.09 |