[Node.JS] 6. view EJS 연결하기

제가 개인적으로 참고하려고 정리하는 Node.js 입니다.
두번째 시간은 윈도우10 로컬 개발환경을 만들어 보도록 하겠습니다.

---

 

Q. EJS가 뭔가요?

EJS는 일반 JavaScript로 HTML 마크업을 생성할 수 있는 간단한 템플릿 언어입니다. 

(참고링크 : https://ejs.co/)

EJS -- Embedded JavaScript templates

---

Q. EJS의 특징은?

빠른 컴파일 및 렌더링
단순 템플릿 태그: <% %>
사용자 정의 구분 기호(예: <% %> 대신 [? ?] 사용)
하위 템플릿에는 다음이 포함됩니다.
CLI와 함께 제공
서버 JS와 브라우저 모두 지원
중간 JavaScript의 정적 캐싱
템플릿의 정적 캐싱
Express 보기 시스템 준수

 

---

Q. EJS 설치방법

$ npm install ejs

 

---

Q. EJS 사용

let ejs = require('ejs');
let people = ['geddy', 'neil', 'alex'];
let html = ejs.render('<%= people.join(", "); %>', {people: people});

 

---

Q. EJS의 브라우저 지원

<script src="ejs.js"></script>
<script>
  let people = ['geddy', 'neil', 'alex'];
  let html = ejs.render('<%= people.join(", "); %>', {people: people});
</script>

 

---

Q. EJS 사용예시

<% if (user) { %>
  <h2><%= user.name %></h2>
<% } %>

 

---

Q. EJS 사용법

let template = ejs.compile(str, options);
template(data);
// => Rendered HTML string

ejs.render(str, data, options);
// => Rendered HTML string

ejs.renderFile(filename, data, options, function(err, str){
    // str => Rendered HTML string
});

---

이전글 : [Node.JS] 5. express 설치 및 Hello World 띄우기

[Node.JS] 5. express 설치 및 Hello World 띄우기