[SpringBoot] 정적 컨텐츠와 동적 컨텐츠(feat: MVC, 템플릿 엔진)

💻Programming/SpringBoot 2024. 3. 10. 18:09

정적 컨텐츠란?

클라이언트의 요청을 받고, 서버에 미리 저장된 HTML, css, js등의 파일을 그대로 응답해 보여주는 것을 의미.

모든 클라이언트들의 요청에 대해 "동일한 결과"를 보여준다.

동적 컨텐츠란?

어떤 클라이언트가 언제, 어디서, 어떻게 서버에 요청했는지에 따라 각기 다른 결과를 보여준다.

MVC와 템플릿 엔진을 사용하는 방식과 API를 사용하는 방식으로 나뉜다.

정적 컨텐츠를 이용한 웹 개발

스프링부트는 기본적으로 정적 컨텐츠 기능을 제공하므로 '/main/resources/static/'의 하위에 정적 파일을 생성할 수 있다.

<!DOCTYPE HTML>
<html>
<head>
    <title>static content</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
<body>
정적 컨텐츠 입니다.
</body>
</html>

이 파일의 이름을 hello-static.html이라고 지정하였다고 가정할 경우, "localhost:8080/hello-static.html" 엔드포인트로 접근하면

위와 같은 화면을 볼 수 있다.

디스패처 서블릿이 우선 컨트롤러에서 일치하는 엔드포인트를 찾고, 없을 경우 2차적으로 자원(resources)경로를 탐색하는 과정으로 이렇게 우리가 이 화면을 볼 수 있는 것이다. 디스패처 서블릿이 어떻게 정적 자원 요청을 처리하는 지에 대해선, 내가 이전에 작성해놓은 https://suucong.tistory.com/24이 포스팅에서 더 자세히 확인 가능하다.

MVC 패턴이란?

Model, View, Controller를 의미하는 개념으로 "역할을 나누어" 일련의 작업을 처리하는 패턴이다. 과거에는 뷰에서 모든 것을 처리하였지만(ex. jsp), 현재에는 각자의 역할에 집중할 수 있도록 "역할을 분리"한 패턴이다.

MVC 패턴의 전체적인 플로우

1. 사용자의 Request(요청)을 Controller가 받는다.

2. Controller는 Service에서 비즈니스 로직을 처리한 후, 결과를 Model에 담는다.

3. Model에 저장된 결과를 바탕으로 화면을 담당하는 View를 제어하여 사용자에게 전달한다.

템플릿 엔진을 통해 MVC 패턴을 사용하는 예시

'/main/resources/static/hello-template.html'

<html xmlns:th="http://www.thymeleaf.org">
<body>
<p th:text="'hello ' + ${name}">hello! empty</p>
</body>
</html>

'HelloController.java'

@GetMapping("/hello-mvc")
    public String helloMVC(@RequestParam(value = "name", required = false) String name, Model model) {
        model.addAttribute("name", name);

        return "hello-template";
    }

컨트롤러에서 결과를 Model에 담고, Model에 저장된 결과를 바탕으로 View가 제어되어 사용자에게 전달되는 형식이다.

"http://localhost:8080/hello-mvc?name=수진이에욥><"

과 같이 접근하였을 경우

와 같은 화면을 볼 수 있다.

API를 이용한 웹 개발

서버에 요청이 들어올 때 HTTP의 BODY에 문자 내용을 직접 반환한다. viewResolver대신에 'HttpMessageConverter'가 동작한다.

기본 문자 처리: StringHttpMessageConverter

기본 객체 처리: MappingJackson2HttpMessageConverter

Jackson2는 스프링부트에서 객체를 반환할 경우, 이걸 클라이언트가 사용할 수 있는 json형식으로 변환해주는 라이브러리로, 구글에서 제공하는 gson도 있지만, 스프링부트에서는 Jackson을 기본으로 사용하고 있다.

* "클라이언트의 HTTP Accept 헤더"와 "서버의 컨트롤러 반환 타입 정보"를 조합하여 "HttpMessageConverter"가 선택.

문자 반환

@GetMapping("/hello-string")
@ResponseBody
public String helloString(@RequestParam("name") String name) {  // 문자 반환
    return "hello " + name;
}

- @ResponseBody를 사용하면 viewResolver를 사용하지 않는다.

- 대신에 http의 body에 문자 내용을 직접 반환

결과

객체 반환(Json)

@GetMapping("/hello-api")
@ResponseBody
public Hello helloApi(@RequestParam("name") String name) {  // 객체 반환
    Hello hello = new Hello();
    hello.setName(name);
    return hello;
}

static class Hello {
    private String name;
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
}

@ResponseBody를 사용하고 객체를 반환하면 객체가 Json 타입으로 반환된다.

결과

References

https://velog.io/@gerrymandering/Spring-%EC%A0%95%EC%A0%81-%EC%BB%A8%ED%85%90%EC%B8%A0%EB%8F%99%EC%A0%81-%EC%BB%A8%ED%85%90%EC%B8%A0

[Spring] 정적 컨텐츠/동적 컨텐츠

정적 컨텐츠와 동적 컨텐츠의 차이에 대해 알아보고 API 방식을 이용하여 JSON 형식의 데이터를 받아오는 코드를 작성해보자

velog.io

인프런 - 김영한의 스프링 강의

https://velog.io/@langoustine/%EC%97%AC%EA%B8%B0%EB%8F%84-MVC-%EC%A0%80%EA%B8%B0%EB%8F%84-MVC-MVC-%ED%8C%A8%ED%84%B4%EC%9D%B4-%EB%AD%90%EC%95%BC

저작자표시

'💻Programming > SpringBoot' 카테고리의 다른 글

[SpringBoot] JPA란? (0)	2024.03.20
[SpringBoot] 스프링 Bean과 의존성 주입(Dependency Injection) feat: 컴포넌트 스캔과 싱글톤 패턴, 제어의 역전 (1)	2024.03.12
[SpringBoot] SpringBoot에서 로그를 사용하는 방법 (0)	2024.03.03
[SpringBoot] Spring Security에서 특정 url 제외하고, 제외했는데 필터 적용되는 문제 해결 (0)	2024.01.12
[Spring / SpringBoot] 의존성 주입과 제어의 역전 (0)	2023.10.10

ABOUT ME

Sujin's Log Sujin's Log

정적 컨텐츠란?

동적 컨텐츠란?

정적 컨텐츠를 이용한 웹 개발

MVC 패턴이란?

MVC 패턴의 전체적인 플로우

템플릿 엔진을 통해 MVC 패턴을 사용하는 예시

'/main/resources/static/hello-template.html'

'HelloController.java'

API를 이용한 웹 개발

문자 반환

결과

객체 반환(Json)

결과

References

'💻Programming > SpringBoot' 카테고리의 다른 글

티스토리툴바

ABOUT ME

정적 컨텐츠란?

동적 컨텐츠란?

정적 컨텐츠를 이용한 웹 개발

MVC 패턴이란?

MVC 패턴의 전체적인 플로우

템플릿 엔진을 통해 MVC 패턴을 사용하는 예시

'/main/resources/static/hello-template.html'

'HelloController.java'

API를 이용한 웹 개발

문자 반환

결과

객체 반환(Json)

결과

References

'💻Programming > SpringBoot' 카테고리의 다른 글

관련글 관련글 더보기

티스토리툴바