NODEJS - 기본세팅 / 5 - 템플릿엔진 ejs

# 개발환경 os : windows 10 Pro 64-bit node-v : v10.16.0 npm-v : 6.9.0 ide : visual Studio Code template engine : ejs

 

 

* 템플릿 엔진이란, 

 

 클라이언트의 요청에 따라서 웹 문서에 들어가는 내용이 달라질 수 있기 때문에 정적인 부분과 동적인 부분을 따로 작업하기 위해 사용함

 

 > js 코드로 연산된 결과를 변수에 넣고 그 변수를 view 파일에서도 사용할 수 있도록 함

 

# 특징 - 동적인 결과를 정적인 파일에 담기 위해서 사용 - main.js 내에 html 코드를 입력하지 않아도 됨 - view 파일과 js 코드를 한 파일에 정의하지 않아도 따로 사용할 수 있음 - js로 연산된 결과(service)를 view 파일에 쉽게 넣을 수 있음 - 엔진을 통해서 html 문법으로 변환시켜 줌

 

 

 * 템플릿 엔진 종류

 

 주로, jade, ejs를 사용하며 이 글에서는 ejs를 사용할 예정

 

   > 기본 html 문법을 그대로 사용할 수 있어서 현업에서 사용하기 좋음

 

 

 

1. ejs 설치

 

 

 

2. workspace에 views 디렉토리 생성

 

3. index.js에 세팅

//view 템플릿 엔진(ejs) 세팅
//view와 관련된 파일은 views 디렉토리에 보관할 것이라고 세팅
app.set("views", path.resolve(__dirname, "views"));
app.set("view engine", "ejs");