템플릿 엔진 활용 (EJS 등)
요즘은 React/Vue 같은 프론트엔드 프레임워크가 유행하지만, 과거에는 서버(Node.js)가 직접 HTML 뼈대에 동적인 데이터(이름, 나이 등)를 끼워 넣어 완성된 HTML을 브라우저로 쏴주는 SSR(Server-Side Rendering) 방식을 주로 사용했습니다.
app.set("view engine", "ejs"); // ejs 템플릿 엔진 사용 선언
app.get("/profile", (req, res) => {
const user = { name: "홍길동", age: 25 };
// views/profile.ejs 파일을 찾아 user 데이터를 주입하여 렌더링!
res.render("profile", { user: user });
});
/* --- profile.ejs 파일 내부 --- */
// <h1>환영합니다, <%= user.name %>님!</h1>
// <p>당신의 나이는 <%= user.age %>세 입니다.</p>