Express. 템플레이팅 개요

MJ·2023년 7월 31일
0

Express

목록 보기
6/8
post-thumbnail

템플레이팅이란?

  • 정적인 HTML을 사용하지 않고 정보와 로직을 넣어서 동적으로 HTML을 사용하여
    사용자에게 보여지는 컨텐츠가 동적으로 응답할 수 있게 도와주는 방법입니다.

  • 미리 만들어놓은 템플릿을 동일한 컨텐츠를 나타내는 게시판에서 가져와서 사용하는 것
    또한 템플레이팅 입니다. ( 동일한 디자인에 다른 주제들 )

  • 템플레이팅을 사용하는 도구 중 대표적인 EJS 툴이 존재합니다.

템플레이팅 예시

하나의 레이아웃에 로그인과 회원가입이 있는 버튼이 있는데 로그인을 누르게 되면
로그인과 회원가입 버튼은 사라지고 로그아웃 버튼만 보이게 사용자에게 응답하는 것



EJS

  • 템플릿 엔진 중에서 가장 대표적인 도구 입니다.

  • JS가 내장된 HTML 파일로, HTML 태그 처럼 JS 내용을 삽입할 수 있다.

  • 일반적인 HTML 파일에서 스크립트 코드는 <script> </script> 내부에 작성해야 하는
    번거로움이 있지만, ejs는 지정된 태그를 사용해 스크립트 내용을 하나의 요소처럼
    사용할 수 있게 합니다.

  • 가장 큰 장점으로는 서버에서 보낸 변수를 가져와서 사용할 수 있습니다.

profile
프론트엔드 개발자가 되기 위한 학습 과정을 정리하는 블로그

0개의 댓글