[JSP & Servlet] 템플릿 페이지

 

📌템플릿 페이지를 사용하는 이유

---

웹 서핑을 하다보면 웹사이트 화면 구성에서 상단 혹은 좌측 메뉴는 고정되어 있고 메뉴에 따라 메인 페이지가 변경되는 경우를 본 적 있을 것이다. 이런 경우 템플릿 페이지를 사용하면 매우 효율적이다. 만약 템플릿 페이지를 사용하지 않으면 레이아웃을 변경할 경우 작성된 페이지를 모두 새로 작성해야 한다.

 

즉, 템플릿 페이지는 레이아웃을 구성하고 각 영역의 내용은 다른 페이지에서 가져오므로 전체 페이지 구성 수정시에도 이 템플릿 페이지만 변환시키면 되므로 매우 편리하다.

 

 

 

 

 

 

📌템플릿 페이지의 설계

---

템플릿 페이지의 설계에서 중요한 것은 레이아웃 구조를 결정하는 것이다. 템플릿 페이지 자체가 레이아웃 구조나 마찬가지이기 때문이다. 

 

템플릿 페이지 설계를 위해서는 사이트 화면의 틀이 결정되어야 한다. 가장 전형적인 웹 페이지 구조는 TOP, BOTTOM, LEFT, CENTER 이렇게 4 부분으로 나누어서 구성된다.

 

파일 이름	설명
top.jsp	화면 상단에 표시될 메뉴 파일 이름이다.
bottom.jsp	화면 하단에 표시될 파일 이름이다.
left.jsp	화면 좌측에 표시될 메뉴 파일 이름이다.
newitem.jsp	신상품 페이지 파일 이름이다.
bestitem.jsp	인기상품 페이지 파일 이름이다.
template.jsp	템플릿 페이지(레이아웃) 파일 이름이다.

 

위 파일 목록 중 가장 중요한 것은 template.jsp이다.

template.jsp 파일이 TOP, BOTTOM, LEFT, CENTER의 레이아웃 구조를 담고 있을 파일이고, 메뉴에 따라 이동되는 페이지 또한 표시해줄 페이지이다.

 

템플릿 페이지는 include 액션 태그를 이용하여 작성된다. 

전체 레이아웃에서 상단 부분, 좌측 메뉴 부분, 메인 부분, 하단 부분 등 각 부분의 JSP 파일들을 template.jsp 파일안에 include로 처리하여 넣어 작성하면 된다.