반응형
Notice
Recent Posts
Recent Comments
Link
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Archives
Today
Total
11-07 11:40
관리 메뉴

ImJay

[Java Spring] 1-3. View 환경설정 본문

Java Spring/스프링 입문

[Java Spring] 1-3. View 환경설정

ImJay 2023. 1. 30. 13:03
반응형

[Java Spring] 1-3. View 환경설정


1.  WelcomePage 만들기

1-1. 프로젝트 탭 > src > main > resources > static > 새로 만들기 > 파일

1-2. index.html 파일 생성하기

1-3. index.html 에 테스트 코드 작성

1-4. 빌드하여 결과물 확인 (Ctrl + F5)

 

2. Spring Boot 가 제공하는 Welcome Page 기능

스프링 부트는 웰컴 페이지 기능을 제공한다. static 폴더에서 index.html 파일을 제일 먼저 찾으며 못찾을 경우 index template 를 찾는다.

 

스프링 부트에서 제공하는 기능들은 Welcome Page 말고도 많다.

아래 페이지에 접속하여 스프링 부트가 기본으로 제공하는 기능들을 찾을 수 있어야 한다.

 

Spring Boot

Commercial support Business support from Spring experts during the OSS timeline, plus extended support after OSS End-Of-Life. Publicly available releases for critical bugfixes and security issues when requested by customers.

spring.io

 

3. Thymeleaf 템플릿 엔진으로 동적 사이트 만들기

3-1. 프로젝트 탭 > src > main > resources > static > 새로 만들기 > 패키지

3-2. hello.hellospring.controller 패키지 생성

3-3. controller > 새로 만들기 > Java 클래스

3-4. HelloController 클래스 생성

3-5. 아래 코드 작성하기 ( @ + ~ + tab : 자동으로 라이브러리 import 해줌 )

- return "hello" 는 뒤편에 생성되는 hello.html 에 값을 반환하라는 의미이다.

3-6. resources > templates > 새로 만들기 > 새 파일 > hello.html 생성

3-7. hello.html 에 아래 코드 작성

- 여기서 th 는 thymeleaf  의 th 이다. xmlns: 부분에 템플릿 엔진이 타임리프로 선언이 돼있음을 확인할 수 있다.

- 코드의 ${data} 부분이 HelloController 의 key data 인 "data"의  attributeValue인 "hello!!" 로 치환이 된다.

3-8. 빌드 후 localhost:8080/hello 접속하여 결과 확인

4. 동작과정 확인하기

컨트롤러에서 리턴 값으로 문자를 반환하면 뷰 리졸버('viewResolver')가 화면을 찾아서 처리한다.

스프링 부트 템플릿엔진에 viewName 이 기본으로 매핑되어 있다.

'resources:templates/' +{ViewName}+ '.html'

 

반응형
Comments