express
CHAPTER 10 / 34
읽기 약 2분
SYNTAX
템플릿 엔진
핵심 개념
EJS, Pug 등의 템플릿 엔진으로 서버사이드 렌더링을 구현합니다. app.set('view engine')으로 엔진을 설정합니다.
코드 분석
템플릿 엔진 (EJS)
npm install ejs
// 엔진 설정
app.set('view engine', 'ejs')
app.set('views', './views')
// 라우트에서 렌더링
app.get('/home', (req, res) => {
res.render('index', {
title: '홈페이지',
user: 'T-800'
})
})
// views/index.ejs
<h1><%= title %></h1>AI 프롬프트
🤖 AI에게 잘 물어보는 법 — 모델·전략별 프롬프트
Claude
무료: Sonnet 4.6 / Pro $20/mo: Opus 4.6
이 Express '템플릿 엔진' 미들웨어 체인에서 요청 처리 순서 버그·에러 전파 누락·메모리 누수를 찾아서 수정해줘.
ChatGPT
무료: GPT-5.5 / Plus $20/mo: GPT-5.5 Pro
'템플릿 엔진'를 사용한 RESTful API를 CRUD 4개 엔드포인트가 포함된 완성 코드로 만들어줘.
Gemini
무료: 2.5 Flash / Pro $19.99/mo: 3.1 Pro
이 Express '템플릿 엔진' 라우트 구조와 미들웨어 체인 전체를 분석해서 응답 시간·동시성·로깅 개선안을 정리해줘.
Grok
무료: Grok 4.1 / SuperGrok $30/mo
Express '템플릿 엔진' vs Fastify·Hono의 동일 기능 구현을 2026년 기준 성능과 생태계로 솔직히 비교해줘.
⭐ 이것만 기억하세요
템플릿 엔진은 이 3가지만 확실히 잡으세요
1.HTML을 문자열 연결로 생성하면 XSS 취약점이 생기고, 레이아웃 재사용이 안 됩니다
2.EJS·Pug 같은 템플릿 엔진은 변수 삽입을 자동 이스케이프하고, 레이아웃·파셜로 코드를 재사용합니다
3.다음 챕터에서 에러를 우아하게 처리하는 에러 핸들링 미들웨어를 배웁니다
공유하기
진행도 10 / 34