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

    코드 보기


    이제 노드를 vs code를 사용해서 개발한다.


    확장 프로그램으로VS Code for Node.js - Development Pack , vscode-author-generator

    를 깔았다.


    node 디벨롭먼트 팩은 개발하기 위해 사용하는 것 같고, author 제너레이터는 제작자랑 그런걸 주석으로 생성하기 위해 깔았다.

    npm install eslint -g npm 명령어로 eslint도 깔았다.


    이론적 지식이 없이 개발했었는데, 프레임워크 없이 네이티브로 서버 오픈과 이벤트 바인딩등등 여러가지를 했다.

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

    함수의 재귀적 호출의 이해  (0) 2017.07.08
    자료구조와 알고리즘의 이해  (0) 2017.07.08
    조건부 렌더링  (0) 2017.07.05
    entity(개체)란?  (0) 2017.07.04
    바인딩이란?  (0) 2017.07.04

    + Recent posts