Node는 npm을 기반으로 모듈을 공유한다.


ejs 설치

npm install ejs --save

jade 설치

npm install jade --save


나는 글로벌 설치를 해서 -g옵션을 사용했다.


const ejs = require('ejs');

const jade = require('jade'); //2016년 상반기에 jade는 pug로 이름이 바꼈다.


ejs

  • Control flow with <% %>
  • Escaped output with <%= %> (escape function configurable)
  • Unescaped raw output with <%- %>
  • Newline-trim mode ('newline slurping') with -%> ending tag
  • Whitespace-trim mode (slurp all whitespace) for control flow with <%_ _%>
  • Custom delimiters (e.g., use <? ?> instead of <% %>)
  • Includes
  • Client-side support
  • Static caching of intermediate JavaScript
  • Static caching of templates
  • Complies with the Express view system

ejs를 사용하면 html 문법을 사용해서 쉽게 구현이 가능하다.

Jade(Pug)

  • -    를 사용해서 js코드를 사용할 수 있다.
  • #{}    를 사용해서 데이터를 출력한다.(중간에 값 추가)
  • =    를 사용해서 데이터를 출력한다.(그 라인 모두)

  • Pug는 들여쓰기가 중요하다.

    html

    head

    title 타이틀

    body

    이렇게 안하고


    html

    head

    title 타이틀

    body

    이렇게 하면 body에 head값들이 들어간다.


    깃허브 주소


    '이전 글 > 2017-10-13 이전 글' 카테고리의 다른 글

    자료구조 연결리스트 - 1  (0) 2017.07.14
    이벤트 핸들링  (0) 2017.07.13
    리스트 렌더링  (0) 2017.07.11
    하한항  (0) 2017.07.10
    기수  (0) 2017.07.10

    + Recent posts