웹에플리케이션 제작(1) < 라우팅 >

들어가기 전에...

- Post 형식으로 라우팅 해서 연결하는 단계 까지 할 것이다.

- 파일은 app_file.js 로 설정했고 템플릿 엔진(PUG) 는 views_file 폴더에 넣어 뒀다.

코드는 아래와 같다.

먼저 express 를 require 로 불러온다. (express 설치가 선행되어야 함.)

그리고 var app 을 통해 express 정의한 뒤, 템플릿 엔진을 사용하여 html 소스코드가 깔끔하게 보이게 하기 위하여 app.locals.pretty = true; 코드를 입력해 준다.

그 후 템플릿 엔진 'pug' 를 사용하기 위해 

app.set('views', './views_file');

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

코드를 입력해 준다. 

그 다음 pug 템플릿 엔진으로 사용할 text 에 아래 코드를 입력한다.

form 문에서 action 으로 정보를 보낼 곳 을 지정해 준 뒤, method는 post 로 지정해준다.

그리고 아래 코드를 통해

app.get('/topic/new', function(req, res){

  res.render('new');

})

new.pug 파일을 랜더링 해준다.

그리고 아래 코드를 입력하여 3000 포트에 listen 해주고,

app.post 에 'Hi post') 를 입력하여 post 형식이 연결 되었는지 확인한다.

 app.post('/topic', function(req, res){

  res.send('Hi, post');

})

app.listen(3000, function(){

  console.log('connected, 3000...')

})