08. 댓글 - View

Note) Javascript Template : '만들어진 HTML 코드에 데이터(객체)를 넣어 찍어내는 틀'

  1) JS Render (http://www.jsviews.com/

  2) Mustache(https://mustache.github.io/ - handlebars, Hogan 등

 

[템플릿 방식의 장점]

  1. 데이터와 뷰를 분리해서 처리 - 복잡한 HTML 태그를 이용해서 데이터를 구성하는 경우 문자열로 작성되는 결과를 알아보기 어려움

  2. 템플릿을 변경하기 쉬움 - 유지보수 용이

  3. 템플릿의 재사용 가능 - 생산성 향상

 

1. HTML 변경

readPage.jsp

2. jQuery 라이브러리 로딩

readPage.jsp

3. handlebars 템플릿 코드

readPage.jsp

4. 페이징 처리

readPage.jsp > 화면 진입 시 댓글 목록 조회

readPage.jsp > 템플릿을 이용하는 페이지 처리

5. [등록]

readPage.jsp

6. Modal창

readPage.jsp

  > Modal창(팝업과 유사하지만 다른 작업을 할 수 없도록 제한된 팝업)을 화면에 나타나게 하기 위한 BootStrap 사용

  > BootStrap Include 후 css 수정 必

 

6. [수정] / [삭제]

readPage.jsp