[EJS] 페이지마다 반복을 피하기 위한 템플릿 코드

 

웹은 많은 정보를 담고 있기에 페이지 수가 상당히 많다.

그리고 개발자는 각 페이지마다 변화하는 정보들을 제때 잘 전달해주어야 한다.

이때 수많은 페이지들에 일일이 접근하고, 또 각 페이지마다 res.send()나 res.sendFile()같이 원시적인 방법을 사용한다면,

살기 싫을 것이다.

 

그래서 효율적인 개발을 위해 HTML의 "기본바탕"이 되는 템플릿을 고정해두고, 그 안에서 변하는 정보들만 싹 넣어주는 방법이 나왔으니,

그것이 바로 EJS다.

 

또한 EJS는, [서버구동을 위한 .js]과 [뼈대를 담은 .html] 등등 파일과 코드를 분리 관리함으로써 각 파일의 존재 목적에 부합하는 개발환경을 부여하며, 더 나은 유지보수를 도와준다.

 

EJS 사용을 위한 준비물

1. npm i ejs

2. app.set("view engine", "ejs")

3. 루트 디렉토리에 "views" 폴더 생성하고 그 안에 .ejs 확장자를 가진 파일에 코딩하기

 

주의사항

• <% 'Scriptlet' tag, for control-flow, no output
• <%_ ‘Whitespace Slurping’ Scriptlet tag, strips all whitespace before it
• <%= Outputs the value into the template (HTML escaped)
• <%- Outputs the unescaped value into the template
• <%# Comment tag, no execution, no output
• <%% Outputs a literal '<%'
• %> Plain ending tag
• -%> Trim-mode ('newline slurp') tag, trims following newline
• _%> ‘Whitespace Slurping’ ending tag, removes all whitespace after it

https://ejs.co/#install