HTTP 응답 - 정적 리소스, 뷰 템플릿

shinyeongwoon·2022년 12월 28일

Request http static tempelet

spring MVC

목록 보기

30/32

spring(server)에서 응답 데이터를 만드는 방법은 크게 3가지

정적 리스트
- ex) 웹 브라우저에 정적인 HTML,css,js를 제공할 때는, 정적 리소스를 사용
뷰 템플릿 사용
- ex) 웹 브라우저에 동적인 HTML을 제공할 때는 뷰 템플릿을 사용한다.
HTTP 메세지 사용
- HTTP API를 제공하는 경우에는 HTML이 아니라 데이터를 전달해야 하므로, HTTP 메세지 바디에 JSON 같은 형식으로 데이터를 실어 보냄

정적 리소스 경로

src/main/resources/static
다음 경로에 파일일 들어 있으면
src/main/resources/static/basic/hello-form.html
웹 브아우저에서 다음과 같이 실행하면 된다.
http://localhost:8080/basic/hello-form.html
정적 리소스는 해당 파일을 변경없이 그대로 서비스 하는 것이다.

뷰템플릿

뷰 템플릿을 거쳐서 HTML이 생성되고, 뷰가 응답을 만들어서 전달한다.
일반적으로 HTML을 동적으로 생성하는 용도로 사용하지만, 다른 것들도 가능하다.
뷰 템플릿이 만들 수 있는 것이라면 뭐든지 가능하다.
스프링 부트는 기본 뷰 템플릿 경로를 제공한다.

뷰템플릿 경로

src/main/resourcese/templates

뷰 템플릿 생성

src/main/resources/templates/response/hello.html

 <!DOCTYPE html>
  <html xmlns:th="http://www.thymeleaf.org">
  <head>
      <meta charset="UTF-8">
      <title>Title</title>
  </head>
  <body>
  <p th:text="${data}">empty</p>
  </body>
  </html>

responseViewController - 뷰 템플릿을 호출하는 컨트롤러

경로 : hello.springmvc.basic.response

package hello.springmvc.basic.response;
  import org.springframework.stereotype.Controller;
  import org.springframework.ui.Model;
  import org.springframework.web.bind.annotation.RequestMapping;
  import org.springframework.web.servlet.ModelAndView;
  
  @Controller
  public class ResponseViewController {
      @RequestMapping("/response-view-v1")
      public ModelAndView responseViewV1() {
          ModelAndView mav = new ModelAndView("response/hello").addObject("data", "hello!");
	  return mav; 
	}

      @RequestMapping("/response-view-v2")
      public String responseViewV2(Model model) {
          model.addAttribute("data", "hello!!");
          return "response/hello";
      }
      
      @RequestMapping("/response/hello")
      public void responseViewV3(Model model) {
          model.addAttribute("data", "hello!!");
      }
}

String을 반환하는 경우 - View of HTTP 메세지

@ResponseBody가 없으면 response/hello로 뷰 리졸버가 실행되어서 뷰를 찾고,렌더링 한다.
@ResponseBody가 있으면 뷰 리졸버를 실행하지 않고, HTTP 메세지 바디에 직접 response/hello라는 문자가 입력 된다.

여기서는 뷰의 논리 이름인 response/hello를 반환하면 다음 경로의 뷰 템플릿이 렌더링 되는것을 확인할 수 있따.
실행 : templetes/response/hello.html

void를 반환하는 경우

@Controller를 사용하고, HttpServletResponse,OutputStream(Writer)같은 HTTP 메세지 바디를 처리하는 파라미터가 없으면 요청 URL을 참고해서 논리 뷰 이름으로 사용

요청 URL : /response/hello
실행 : templates/response/hello.html
📍 이 방식은 명시성이 너무 떨어지고 이렇게 딱 맞는 경우도 많이 없어서, 권장하지 않는다.

HTTP 메세지

@ResponseBody,HttpEntity를 사용하면, 뷰 템플릿을 사용하는 것이 아니라, HTTP 메세지 바디에 직접 응답 데이터를 출력할 수 있다.

Thymeleaf 스프링 부트 설정

라이브러리 추가
build.gradle
```
`implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'`
```
스프링 부트가 자동으로 ThymeleafViewResolver와 필요한 스프링 번들을 등록한다. 그리고 다음 설정도 사용한다. 이 설정은 기본값 이기 때문에 변경이 필요할 때만 설정하면 된다.
application.properties
```
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
```
🤞 참고 )
스프링 부트의 타임리프 관련 추가 설정은 공식 사이트 참고