3주차 추가 공부 레퍼런스

3주차 추가 실습

목차

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

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

템플릿엔진
- 지정된 템플릿 양식과 데이터가 합쳐 HTML 문서를 출력하는 소프트웨어
  
  ex. JSP, 리액트
- 서버 템플릿 엔진 : 서버에서 java코드로 문자열을 만든 뒤, 이 문자열을 HTML로 변환하여 브라우저로 전달
- 클라이언트 템플릿 엔진 : 서버에서 데이터만 전달하고, 클라이언트에서 조립해 화면에 출력
머스테치
- 수많은 언어를 지원하는 가장 심플한 템플릿 엔진(스프링부트에서 공식 지원하는 함)
- 자바에서 사용할 때에는 서버 템플릿 엔진으로, 자바스크립트에서 사용할 때는 클라이언트 템플릿 엔진으로 모두 사용 가능
- 장점
  - 문법이 다른 템플릿 엔진보다 심플
  - 로직코드를 사용할 수 없어 View의 역할과 서버의 역할이 명확하게 분리됨
  - 하나의 문법으로 클라이언트/서버 템플릿으로 모두 사용 가능

4.2 기본 페이지 만들기

build.gradle에 의존성 추가 : implementation 'org.springframework.boot:spring-boot-starter-mustache'
머스테치 파일 기본 위치 : src/main/resources/templates

index.mustache

<!doctype html>
<html>
<head>
    <title>스프링 부트 웹서비스</title>

    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
</head>
<body>
    <h1>스프링 부트로 시작하는 웹 서비스</h1>
</body>
</html>

IndexController.java

@Controller
public class IndexController {
    @GetMapping("/")
    public String index(){
        return "index";    // src/main/resources/templates/index.mustache
    }
}

머스테치 스타터를 사용했기에, 컨트롤러에서 “index” 문자열을 반환할 때 앞의 경로와 뒤의 파일 확장자는 자동으로 지정된다.

앞의 경로 : src/main/resources/templates
뒤의 파일 확장자 : .mustache