템플릿 엔진2 [Node.js/Nunjucks] 템플릿 엔진, 넌적스 지난 포스트에서 템플릿 엔진인 퍼그를 소개해드렸습니다. 하지만 기존 자바스크립트와는 문법이 조금 다른 형태를 취하고 있어서 오히려 더 어려울 수 있다는 생각이 들더라고요. 그래서 좀 더 직관적으로 쓸 수 있는 템플릿 엔진인 넌적스도 한 번 소개해드리려고 합니다. 1. 넌적스 사용 넌적스도 npm 패키지이기 때문에 npm을 통해 설치해줍니다. npm install nunjucks 퍼그와는 다르게 require를 통해서 사용합니다. 그리고 넌적스 파일은 퍼그가 .pug라는 전용 확장자를 이용한 것과 다르게 .html을 써도되고 .njk를 써도 됩니다. const express = require('express'); const path = require('path'); const nunjucks = requi.. 2021. 12. 7. [Node.js/Pug] 템플릿 엔진, 퍼그 1. 템플릿 엔진 템플릿 엔진이란 템플릿의 양식과 데이터의 모델에 따른 입력 데이터를 결합해서 사용자가 원하는 결과 문서를 출력해주는 소프트웨어 또는 컴포넌트를 말합니다. 우리가 알아볼 템플릿 엔진은 웹 문서의 결과로 출력될 예정이니 웹 템플릿 엔진이라고 합니다. 템플릿 엔진을 이용하면 html 문서같은 경우 코드를 엄청나게 줄일 수 있고, 재사용하기에 편하다는 장점이 있어서 수 많은 템플릿 엔진들이 사용되고 있습니다. 2. 퍼그 Pug (구 Jade) Pug는 가장 인기있는 웹 템플릿 엔진 중 하나입니다. 문법이 간단하다는 특징이 있지만 기존 html 코드와는 크게 달라서 적응이 힘들 수도 있습니다. npm을 통해 설치합니다. npm install pug 그리고 다음과 같이 pug를 사용하기 위해 실행.. 2021. 12. 6. 이전 1 다음 300x250
