오늘 오전 수업에서는 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
});
});