04장. 머스테치로 화면 구성하기

블로그에 게시하는 위 글은 전체적인 내용 정리가 아닌
책을 읽으면서 새로 알게된 내용이나 제가 중요하다고 생각하는 내용을 정리한 글입니다.

4.1 서버 템플릿 엔진과 머스테치 소개

템플릿 엔진

지정된 템플릿 양식과 데이터가 합져져서 HTML 문서를 출력하는 소프트웨어
-> 클라이언트 템플릿 엔진(리액트, 뷰)와는 다름!

Nashorn, J2V8

머스테치

기존 템플릿 엔진의 단점

• JSP, Velocity : 적합하지 않음
• Freemarker : 템플릿 엔진치고 과하게 많은 기능으로, 비즈니스 로직이 추가될 수도 있음
• Tymeleaf : 어려움

템플릿 영역은 화면 역할에만 충실해야한다.

타임리프는 확장자가 .html인데 머스테치는 확장자가 .mustache이다.
(문법은 html과 똑같다.)

4.2 기본 페이지 만들기

TestRestTemplate을 이용해서 테스트도 할 수 있다.

4.3 게시글 등록 화면 만들기

레이아웃을 나눌 때, css는 header에, js는 footer에 넣는게 페이지 로딩 속도에 도움이 된다.
(화면을 다 그린뒤에 js를 호출하는 것이 좋기 때문이다.)

var index란 객체를 만들고 객체에서 필요한 function을 선언하는 것이 좋음 => 중복되어 덮어씌워질 위험이 없어짐

// bad
var init = function(){
	...
}

var save = function(){
	...
}


// good
var index = {

	init : function(){
    	...
    },
    
    save : function(){
    	...
    }
}

잘 들어간다! ㅎvㅎb

4.4 전체 조회 화면 만들기

Transactionl(readOnly=true)

조회 기능만 있는 곳에 사용하면 된다.
조회를 제외한 수정/삭제 기능은 사용할 수 없다.

4.5 게시글 수정, 삭제 화면 만들기

와!!!
드디어 수정, 삭제까지 끝났다!!