4.20 nodejs / nunjucks

오늘 오전 수업에서는 nunjacks 설치를 해봤다. 

 

처음에 노트북에 아예 새 파일을 만들고 npm과 express를 설치하려고 하는데 계속 오류가 나서

 

알고보니 package.json 이름을 express로 해놔서 express설치가 안됐던거였다..

그래서 name : test로 바꿔줌.. 무슨 이런 오류가 있담

아무튼 그렇게 다시 express설치 해주고 그다음 nunjucks를 설치했다. 

 

*nunjacks 설치 및 세팅하기 

 

1. 먼저 작업영억 폴더안에 새로운 폴더 view를 생성해준다. view폴더에 index.html 파일을 생성해준다. (body에 아무 내용이나 적기- hello world)

 

2. 터미널에 npm install nunjucks 입력후 엔터-> 안되면 npm install nunjacks chokidar // (설치)

 

3. js 창에 const nunjacks = require('nunjucks'); // (설치된 nunjacks 가져오기)

4. nunjacks.configure('viewer',{

      express:app,

      autoescape:true,

   })

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

//(이건 nunjucks 세팅. view폴더의 html과 연결)

 

5. (nunjucks 깔기 전 express 설치 세팅은 그대로 유지!)

const express = require('express');

const app = express();

app.get('/',(요청,응답)=>{

    응답.send('hello world'); //view engine

    응답.render('index.html',{

      

    });

});

app.listen(3000,()=>{

    console.log('server start port : 3000');

})

 

이렇게 하고 터미널 재실행 후 서버 구동시키면 된다.

 

nunjucks 에 콘솔을 찍어보자.

 

app.get('/',(요청,응답)=>{

console.log(요청.query.name);

    console.log(요청.query.id);

    console.log(요청.query.pw);

    응답.render('index.html',{

        title: 요청.query.name,

        user_id: 요청.query.id,

        user_pw: 요청.query.pw

    });

});