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

    응답과 요청으로 웹 페이지를 관리가 가능하다.


    request 객체에는

    • method 클라이언트의 요청 방식
    • url 클라이언트가 요청한 url
    • headers 요청 메시지 헤더
    • trailers요청 메시지 트레일러
    • httpVersion HTTP 프로토콜 버전

    express 모듈을 사용하지 않아도 어떤식으로 웹이 돌아가는지 알 수 있었다.

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

    기수  (0) 2017.07.10
    이산수학이란?  (0) 2017.07.10
    2017-07-09  (0) 2017.07.09
    함수의 재귀적 호출의 이해  (0) 2017.07.08
    자료구조와 알고리즘의 이해  (0) 2017.07.08

    + Recent posts