-
IntelliJ로 welcome page 만들기IntelliJ Spring Boot 2022. 3. 28. 17:59
#인프런 김영한님의 스프링 입문 강의를 듣고 공부한 내용을 정리 한 것입니다.
웰컴 페이지는 도메인을 입력하고 들어왔을때 처음 나오는 화면을 말한다.
이 웰컴페이지는
resources>statici 폴더 안에 index.html 파일을 넣어주면 된다.

static 폴더 마우스 우클릭 >new>file>index.html 로 파일을 생성 해 준다.

생성 된 파일에 html 코드를 작성 후 실행 해 주면.

이렇게 웰컴 페이지가 뜨는 것을 확인 할 수 있고 f12나 마우스 우클릭 후 페이지소스 보기를 클릭 하면

이렇게 내가 작성 한 코드가 뜨는 것을 확인 할 수 있다.
스프링부트가 제공하는 웰컴페이지 기능은 static/index.html 안에만 만들어두면 화면을 제공해주어서 편리하다.
스프링부트는 릴리즈 이후에 많은 편리한 기능을 추가 되었기 때문에 필요한 기능을 잘 찾아서 적용하는것이 아주 중요하다.
우선
Spring makes Java simple.
Level up your Java code and explore what Spring can do for you.
spring.io
에 접속해서

spring boot 탭> lean탭 > 다운 받은 버전> reference doc.>spring boot feature에서 필요한 것을 검색해서 사용하면 된다.

여기서 검색해보면 된다.
지금 우리가 만든것은 정적인 페이지인데 여기에 템플릿 엔진을 사용하면 우리가 원하는 모양으로 화면을 바꿔 줄 수 있다.
우리는 thymeleaf 템플릿 엔진을 사용 할 것이다.
Thymeleaf
Integrations galore Eclipse, IntelliJ IDEA, Spring, Play, even the up-and-coming Model-View-Controller API for Java EE 8. Write Thymeleaf in your favourite tools, using your favourite web-development framework. Check out our Ecosystem to see more integrati
www.thymeleaf.org
타임리프 공식 사이트 주소이다.

이제 동적인 사이트를 만들어 보기 위해 콘트롤러 패키지를 하나 추가 해준다

그리고 그 밑에 자바 클래스를 하나 생성해준다.

스프링은 @Controller 어노테이션을 달아줘야 한다.

메서드를 생성 해 준 다음 @GetMapping 어노테이션을 작성해주면 /hello가 왔을 때 이 메서드를 호출 해 주는 것이다.
그리고 templates폴더에 html 파일을 생성 한 후에

p 태그 밑에 th 태그를 작성 해 주면 위에 thymeleaf 문법을 사용 할 수 있게 선언이 된다.
hello로 매핑 된 주소로 들어가 보면

아까 attributeValue에 작성 된 data 값이 치환되어 적용 된 것을 확인 할 수 있다.
'IntelliJ Spring Boot' 카테고리의 다른 글
IntelliJ로 Spring Boot 만들기 (0) 2022.03.27 IntelliJ 설치하기 (0) 2022.03.20