정적인 파일을 전달하는 방법의 장점과 동적인 파일을 전달하는 방법의 장점을 더해서 만든 것이, 바로 "템플릿 엔진"이다.
아래의 사진을 살펴보자.
앞으로 계속해서 배울, 템플릿 엔진 중에서, Jade 라는 방법을 활용해서 html 을 적은 방식이다.
인터넷 브라우저 상에서 볼 수 있는 (F12) html 파일이 왼쪽이고,
템플릿 엔진 중에서 Jade 라는 방법을 활용해서 작성한 파일이 오른쪽이다.
→ <html></html> 등을 html 로 작성
for문)→ 정적 파일 + 동적 파일 같이 표현함.
구체적인 문법은, 이후에 있는 파트에서 다뤄보도록 하자.
(템플릿 엔진 사용법)
영상을 촬영했을 때에는, jade 로 나와있지만, 현재는 pug 로 변경이 되어있다.