view 엔진이 무엇인가

pug와 같은 템플릿 엔진을 사용할 때, 관습적으로  views폴더 를 생성한다.

그렇다면 pug를 포함한 view엔진이 무엇일까.

 

먼저, HTML자체는 정적 파일(≠엔진)이다.

미리 작성된 내용만을 포함하고, 이를 웹 브라우저가 해석해서 우리에게 보여준다.

 

그렇다면 동적인 HTML은 어떻게 만들까????

1. 서버 측 동적 생성 ( View 엔진 사용 - Pug, EJS, Handlebars )

2. 클라이언트 측 동적 처리 ( JavaScript 사용 - React, Vue.js, Vanilla JavaScript )

---

View 엔진이란?

서버에서 데이터를 HTML과 결합하여 동적 웹페이지를 생성하는 도구다.

-> 데이터와 템플릿 파일을 조합해서 사용자에게 보여줄 웹페이지(뷰)를 만들어주는 도구

템플릿 파일이 뭔데?

• HTML과 비슷한 구조
• 변수를 포함
• 조건문/반복문 추가 가능

템플릿 파일은 View 엔진에 의해 처리되어 HTML 완성본으로 변환된 후, 브라우저로 전달된다.
 즉, HTML + 동적 변수와 코드 = 템플릿 파일 

왜 View 엔진을 사용할까?

1. 동적 페이지 생성: 데이터를 기반으로 실시간으로 HTML을 만든다
2. 코드 재사용: 같은 템플릿을 여러 데이터에 사용 가능.
3. 가독성 향상: 깔끔하고 간결한 코드를 작성할 수 있다.