[Spring] 정적 컨텐츠, MVC와 템플릿 엔진, API

🌳 웹 개발 기초

정적 컨텐츠
- 서버의 관여없이 파일을 그대로 웹브라우저에 내려주는 컨텐츠
- ex) welcome page
MVC와 템플릿 엔진
- 서버에서 프로그래밍하여 동적으로 바꾸어 내려주는 컨텐츠
- controller, model, view등의 패턴이 필요
- ex) jsp, php
API
- JSON 데이터 포맷을 사용하여 클라이언트에게 정보를 전달하는 방식

🌳 정적 컨텐츠

스프링은 정적 컨텐츠 기능을 자동으로 제공한다 → 원하는 파일을 넣으면 그대로 반환이 된다

hello-static.html

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

[동작 과정]

내장 톰캣서버가 요청을 받아 스프링에게 넘긴다
controller 내에서 hello-static을 찾는다
controller에 없으면 resources에서 hello-static을 찾는다
있으면 반환!

🌳 MVC와 템플릿 엔진

MVC : Model, View, Controller

View -> 화면 구성에 집중
Controller, Model -> 비즈니스 로직, 내부적 기능 처리

hello-template.html

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

hello! empty부분이 ‘hello’ + ${name} 부분으로 치환이 된다

${name} ↔ spring으로 변경되고, controller, model에도 모두 적용된다
${name}부분은 model에서 값을 꺼내는 부분이 되는 것이다

[동작 과정]

웹브라우저에서 값을 넘긴다
내장 톰캣서버를 먼저 거친다 → 역시 controller에서 찾아 호출
model (key = name, 값 = spring), return : hello-template값을 스프링에게 넘겨준다
viewResolver가 동작하여 view를 찾아주고, 템플릿 엔진과 연결시켜준다
템플릿 엔진이 변환시킨 html을 웹브라우저에게 넘긴다

🌳 API

JSON 데이터 포맷으로, 리턴값만을 바로 클라이언트에게 전달한다.

API를 통해 데이터만을 리턴하면 화면을 클라이언트가 처리하는 방식
요즘 많이 사용되는 방식
서버끼리 통신할 때에도 API방식 사용

템플릿 엔진 조작방식과는 달리 리턴값에 있는 데이터만을 전달!

스프링이 객체 리턴값에 대처하는 원리

https://blog.kakaocdn.net/dn/cdpOUO/btq4c2VyCim/v1dZcTGKbptXmdiwXN6Do0/img.png

톰캣서버가 스프링에 api 전달
hello 객체를 보고 조건을 확인
역시 controller에 갔는데, @ResponseBody가 있을 경우
1. HttpMessageConverter 동작
2. 단순 문자 → StringConverter 동작 (기본 : StringHTTPMessageConverter)
  객체 → JsonConverter 동작 (기본 : MappingJackson2HttpMessageConverter)
3. 객체를 JSON 스타일로 변환하여 웹브라우저로 리턴

실무에서 위의 과정을 거의 그대로 사용한다고 한다.

Converter는 받고싶은 포맷대로 동작시키며 사용할 수 있다.

@ResponseBody는 @RequestBody와 함께 쓰이는 비동기 처리 어노테이션이다

@RequestBody를 통해 요청에 담긴 값을 자바 객체로 변환
@ResponseBody를 통해 변환된 자바 객체를 요청된 body내용으로 매핑하여 클라이언트로 전송한다

이 과정에서 위의 과정이 진행되는 것이다.

자료 출처

인프런 - 스프링 입문 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 (김영한)

[Spring] 회원 관리 예제 02 - 회원 서비스 개발 → Test Code 작성 (0)	2022.02.19
[Spring] 회원 관리 예제 01 - 비즈니스 요구사항 정리, domain & repository 생성 → Test code 작성 (0)	2022.02.17
[Spring] 환경 구축, 라이브러리, thymeleaf 템플릿 엔진 동작 원리 (0)	2022.02.15