본문 바로가기

spring

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

스프링(서버)에서 응답 데이터를 만드는 방법은 크게 3가지이다.

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

1. 정적 리소스

스프링 부트는 클래스패스의 다음 디렉토리에 있는 정적 리소스를 제공한다.

/static , /public , /resources , /META-INF/resources

src/main/resources 는 리소스를 보관하는 곳이고, 또 클래스패스의 시작 경로이다. 따라서 다음 디렉토리에 리소스를 넣어두면 스프링 부트가 정적 리소스로 서비스를 제공한다

 

정적 리소스 경로 src/main/resources/static

다음 경로에 파일이 들어있으면 src/main/resources/static/basic/hello-form.html

웹 브라우저에서 다음과 같이 실행하면 된다. http://localhost:8080/basic/hello-form.html

정적 리소스는 해당 파일을 변경 없이 그대로 서비스하는 것이다.

 

2. 뷰 템플릿

템플릿을 거쳐서 HTML이 생성되고, 뷰가 응답을 만들어서 전달한다.

일반적으로 HTML을 동적으로 생성하는 용도로 사용하지만, 다른 것들도 가능하다.

뷰 템플릿이 만들 수 있는 것이라면 뭐든지 가능하다. 스프링 부트는 기본 뷰 템플릿 경로를 제공한다.

 

뷰 템플릿 경로 src/main/resources/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

@Controller
public class ResponseViewController {
 @RequestMapping("/response-view-v1")
 public ModelAndView responseViewV1() {
 ModelAndView mav = new ModelAndView("response/hello")
 .addObject("data", "hello!");
 return mav;
 }

방금 만든 hello.html 파일로 이동하는 컨트롤러를 만들었는데 이때 ModelAndView객체를 이용해서 한번에 경로를 지정하고 값을 담아간 모습이다.

같은 모습의 ModelAndView말고 String으로도 만들어보자.

@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 or HTTP 메시지

@ResponseBody 가 없으면 response/hello 로 뷰 리졸버가 실행되어서 뷰를 찾고, 렌더링 한다.

@ResponseBody 가 있으면 뷰 리졸버를 실행하지 않고, HTTP 메시지 바디에 직접 response/hello 라는 문자가 입력된다.

 

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

실행: templates/response/hello.html

 

Void를 반환하는 경우

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

요청 URL: /response/hello

실행: templates/response/hello.html

참고로 이 방식은 명시성이 너무 떨어지고 이렇게 딱 맞는 경우도 많이 없어서, 권장하지 않는다.

'spring' 카테고리의 다른 글

HTTP 메시지 컨버터  (0) 2023.04.04
HTTP 응답 - HTTP API, 메시지 바디에 직접 입력  (0) 2023.04.04
HTTP 요청 메시지 - JSON  (0) 2023.03.31
HTTP 요청 메시지 - 단순 텍스트  (0) 2023.03.31
@ModelAttribute  (0) 2023.03.31