ejs 템플릿 엔진 설치하기 + ejs 문법

ejs(Embedded JavaScript)란

html파일에서 자바스크립트 문법을 사용할수있게 해주는 모듈(확장자는 .ejs)
한마디로 데이터들을 html의 유동적으로 삽입해서 작성할수있다.

npm install ejs

ejs 사용방법

서버파일 상단에

app.set('view engine', 'ejs')

모든 ejs파일은 views 폴더를 생성후 안에 있어야함

예를들어
views 폴더 안에 first.ejs를 만들어보자
first.ejs는 평범한 html파일처럼 만들고 서버파일에 아래의 코드를 작성(ejs파일은 res.render을 해야함 res.send 나 res.sendfile 불가능)

app.get('/first', (req, res) =>{
  res.render('first.ejs')
})

하면 ejs파일과 연결완료

간단한 ejs 문법 알아보자

<% %> 는 자바스크립트 문법을 사용가능 ex) <% if(user.name) %> (중요)
<%= %> 는 변수 값 ex) <%= user.name %> (중요)
<%- include('view의 상대주소) %> 는 다른 view파일을 불러 옴

마치며

오늘은 ejs 템플릿 엔진을 설치하고 사용하는 방법을 알아봤습니다.
서버에서 받아오는 데이터를 바로 html 파일에서 사용자들에게 보여주기위해서 도움되는 모듈이라고 생각합니다.