728x90
300x250
이번 포스팅에서는 템플릿 엔진을 이용하여 보여지는 화면을 구성하겠다.
여기서 템플릿 엔진은 머스테치(mustache)를 사용할 것이다.
* 참고: 템플릿 엔진이란 ? cceeun.tistory.com/163
[Web]서버 템플릿 엔진과 클라이언트 템플릿 엔진이란?
보여지는 웹 화면영역을 개발할 때 많이 사용하는 템플릿 엔진에 대하여 알아보겠다. * 템플릿 엔진이란 ? 지정된 템플릿 양식과 데이터를 합쳐서 HTML 문서를 출력한다. 템플릿 엔진에는 서버사
cceeun.tistory.com
1. 머스테치 플러그인 설치
인텔리제이는 플러그인 설치시마다 재시작해줘야 제대로 설치가 적용된다.
2. 머스태치 의존성 주입 (build.gradle)
compile('org.springframework.boot:spring-boot-starter-mustache')스프링부트 공식 지원 템플릿이기에 이렇게 스타터 한줄로 바로 설치가 되다니~!
3. 최초 페이지(index.mustache) 생성하기
src/main/resources/template 경로에 index.mustach 파일을 생성한다.
<!DOCTYPE HTML>
<html>
<head>
<title> 짱니's 스프링 부트 웹 서비스 </title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
</head>
<body>
<h1>스프링 부트로 시작하는 웹 서비스</h1>
</body>
</html>4. IndexController.java를 생성해 여기에서 URL과 머스태치를 매핑하는 작업 수행
@Controller
public class IndexController {
@GetMapping("/")
public String index() {
return "index";
}
}
index 뒤의 .mustache 확장자는 compile한 라이브러리에서 자동으로 붙여준다.
5. Application 실행 후 localhost:8080 접속
이렇게 화면이 보이는 것을 확인할 수 있다.
참조 - 스프링부트와 AWS로 혼자 구현하는 웹서비스
728x90
'프로그래밍 > Spring Boot FW' 카테고리의 다른 글
| [SpringBoot] 게시판 만들기(4) - 게시글 수정, 삭제 VIEW/API만들기 - REST API (0) | 2021.01.17 |
|---|---|
| [SpringBoot] 게시판 만들기(3) - 게시글 등록,조회 VIEW/API만들기 (0) | 2021.01.17 |
| [SpringBoot] 게시판 만들기(1) - 스프링 부트와 JPA 연동으로 DB 다루기 (0) | 2021.01.10 |
| [SpringBoot] @어노테이션 정리 (0) | 2021.01.05 |
| [SpringBoot] 스프링부트 테스트 코드 작성 (0) | 2021.01.05 |