JSP 15. 페이지 모듈화 & composite view pattern

zhyun·2020년 12월 8일

201208 Composite View Pattern Decorating view pattern Tiles presentation framework sitemesh 페이지 모듈화

JspSpring

목록 보기

20/39

방탄소년단만 모델2
bts서블릿이 존재(BTSServlet)
근데 ModulizationServlet으로 일단 보냄
bts서블릿에서 버퍼를 플러쉬하지 않은 상태에서 forward를 include로 바꿨는데 코드를 바꾸지 않고 하는 방법 해볼거임
나머지는 모델1
기존에는 해당 jsp로 바로 넘어감
수정 후, ModulizationServlet.java에서 includepath 찾은 후 layout.jsp로 forward되는 방식

JSP:액션태그를 이용한 페이지모듈화

include 방식의 종류
하나의 페이지를 여러개로 분리
액션태그를 이용해 요청을 분기할 때 include 형태를 사용하면, 여러 응답 페이지에서 중복되는 공통 랜더링 영역을 모듈화하여 중복코드 발생시키지 않을 수 있음

예시

(ex)다음카페 레이아웃
벤더 정보를 제공하는 footer나 인증 정보 입력을 위한 로그인폼 등 레이아웃 상에서 공통적으로 사용되는 분할 영역이 있는 경우, 이 페이지를 구성하는 jsp자체를 하나의 페이지 모듈로 만들어서 템플릿 페이지 내에 include방식을 사용하여 페이지 모듈화를 구현
- 페이지를 모듈화한 경우 각 모듈간의 데이터를 공유해야 하는 상황이 발생 => scope를 통해 데이터 공유 상황을 해결할 수 있다.

동적 include

시점 : Runtime
대상 : 실행 결과를 출력 버퍼에 include
목적 : 특정 페이지가 중복되어 랜더링 되는 경우 하나의 jsp객체를 재활용하기 위해 사용
방식
<jsp:include path=""/> or
요청분기방식 include(RequestDispatcher.include())

정적 include

시점 : 소스 코드 컴파일 단계
대상 : 소스 코드(code fragment) 자체를 include
목적 : 특정 변수나 메소드 즉 소스 자체가 중복되는 경우
중복코드를 제거하기 위해 사용
방식
<%@ include file=""%>(Directiv) or
web.xml의 jsp-config 엘리먼트를 사용한 코드 조각 일괄 include 설정

include방식을 통해 서버사이드 페이지 모듈화를 구현함으로써 중복코드 및 공통 랜더링 영역에 대한 처리가 가능하지만, 최근에는 model2 구조가 일반화됨에 따라 페이지 모듈화를 위해 기존의 include 방식보다 composite view pattern이나 Decorating view pattern등의 원리로 동작은 tiles나 sitemesh 등 여러가지 presentation framework 들이 사용되는 추세다.

2020.12.08 화요일

kr.or.ddit.vo.MenuVO 수정

요기에 menuURI 추가
- ServiceKind Enum에서 모델1은 menuPath(module.do)
  모델2는 menuURI(자신의 서블릿)

login폴더 views밑으로 옮김

웰컴페이지 작동 방식

kr.or.ddit.listener.CompositeConfigInitializer

Create Listener 과정

왼쪽 대분류
- 생명주기가 제한 'jsp기본객체'
- Servlet context, HTTP session, Servlet Request
왼쪽이 사용할 수 있는 이벤트들
- 공통 : changes to attributes
- servlet context lifecycle
  태어난 시점에 properties 읽기
- httpsession lifecycle
  방문자수 카운팅
- request lifecycle
  요청처리 소요시간 쳌!
  리스너는 이벤트핸들러

하나하나 찾아다니면서 자원을 찾을필요가 없다.

배포작업

tiles

tiles 버전 3점대

classic layout page structure

Apache Tiles 홈페이지
원체 쉽게 사용할 수 있는 프레임워크

1. Create a template

템플릿 만들기
This template has five attributes
: title (of string type), header, menu, body and footer.

/webStudy02_Maven/webapp/WEB-INF/views/template.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>    
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<tiles:insertAttribute name="preScript" />
</head>
<body>
<div id="topMenu">
	<tiles:insertAttribute name="topMenu"/>
</div>
<div id="leftMenu">
	<tiles:insertAttribute name="leftMenu"/>
</div>
<div id="contents">
	<tiles:insertAttribute name="contents"/>
</div>
<div id="footer">
	<tiles:insertAttribute name="footer"/>
</div>
</body>
</html>
<!-- tiles템플릿 1번. 템플릿 만든다. template.jsp 2번.definition 만든다  -->