View 환경설정

Welcome 페이지 만들기 !!

가장먼저 사진상의 위치에 html 파일을 만들어 주자.

이후에는 위처럼 index.html 파일을 만들어 주고 서버를 내린다음 다시 실행해 보자.

localhost:8080 으로 들어가 보면 잘 된것을 볼 수 있다.

스프링이 지원하는 기능은 너무나도 방대하고 많기 때문에 외우기 보다는 그때그때 원하는 기능들을 잘 찾아서 이용할 줄 아는것이 중요하다.

우선은 지난시간 이용했던 spring.io 페이지로 가서 아래와 같이 진행해 주자.

나같은 경우에는 2.7.6 버전이다.

위의 메뉴얼 페이지에서 검색해서 원하는 정보를 찾을 줄 알아야 한다.
(다만 강의중인 버전과 달라서 그런지 강의에서 나온 welcome 페이지 관려해서는 찾을 수 없었다...)

방금 만든 파일의 경우에는 정적인 페이지 즉, 그저 파일을 던져서 보여준것 뿐이다.

thymeleaf 템플릿 엔진

우리는 타임리프 템플릿 엔진을 쓸 것이다.

thymeleaf 공식 사이트: https://www.thymeleaf.org/
스프링 공식 튜토리얼: https://spring.io/guides/gs/serving-web-content/
스프링부트 메뉴얼: https://docs.spring.io/spring-boot/docs/2.3.1.RELEASE/reference/
html/spring-boot-features.html#boot-features-spring-mvc-template-engines

강의에서 말해주는 부분은 위 경로를 타고 가야지 찾을 수 있었다...

저기서 강사님은 타임리프를 선택한 것이다.

이제 동작하고 프로그래밍 되는 화면을 만들어 보자.

웹 앱에서 첫번째 진입점이 컨트롤러 이다.

위 사진 처럼 해당 경로에다가 패키지와 자바 파일을 하나 만들어준다.

위처럼 진행하면서 주석을 보고 이해하자.

이후 사이트에 저렇게 주소창을 쳐주면 이동이 되는것을 볼 수 있다.

그림은 위의 과정에 대한 설명이다.

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

스프링 부트 템플릿엔진 기본 viewName 매핑한다.
resources:templates/ +{ViewName}+ .html

그러니까 위의 환경에서는 아래와 같은 형태라고 보면 된다.
resources:templates/ + hello + .html

이렇게 이번에는 정적 파일 동작하는 것과 템플릿 엔진이 동작하는 것을 알아 보았다.