개인공부
[스프링 웹 개발 기초] 정적 컨텐츠, MVC와 템플릿 엔진, API
러쉬봠
2023. 4. 8. 10:31
- 정적 컨텐츠 : 웰컴페이지 처럼 서버에서 뭐 하는거 없이 파일을 웹 브라우저에 내려주는것 , 파일을 그대로 고객에게 전달
- MVC와 템플릿 엔진 : jsp, php 템플릿 엔진으로 서버에서 프로그래밍해서 동적으로 내려주는 controller, model, view
- API : json 데이터 구조 포맷으로 클라이언트한테 데이터 전달 서버끼리 데이터 전달할때
정적 컨텐츠
<!DOCTYPE HTML>
<html>
<head>
<title>static content</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
정적 컨텐츠 입니다.
</body>
</html>
서버 실행없이 브라우저에 데이터 전달
정적 컨텐츠 작동 원리
MVC와 템플릿 엔진
- MVC : Model, View, Controller
- view : 화면을 그리는데 모든 영향을 관리
controller , view : 내부적으로 처리 관리
model에는 필요한 데이터를 담아둔다
- view : 화면을 그리는데 모든 영향을 관리
Contoller
@Controller
public class HelloController {
@GetMapping("hello-mvc")
public String helloMvc(@RequestParam("name") String name, Model model) {
model.addAttribute("name", name);
return "hello-template";
}
}
View
<html xmlns:th="http://www.thymeleaf.org">
<body>
<p th:text="'hello ' + ${name}">hello! empty</p>
</body>
</html>
MVC, 템플릿 엔진 작동 원리
API
@ResponseBody 문자 반환
@Controller
public class HelloController {
@GetMapping("hello-string")
@ResponseBody
public String helloString(@RequestParam("name") String name) {
return "hello " + name;
}
}
- @ResponseBody 를 사용하면 뷰 리졸버( viewResolver )를 사용하지 않음
- 대신에 HTTP의 BODY에 문자 내용을 직접 반환(HTML BODY TAG를 말하는 것이 아님)
@ResponseBody 객체 반환
public class HelloController {
@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으로 변환됨
@ResponseBody 사용 원리
- @ResponseBody 를 사용
- HTTP의 BODY에 문자 내용을 직접 반환
- viewResolver 대신에 HttpMessageConverter 가 동작
- 기본 문자처리: StringHttpMessageConverter
- 기본 객체처리: MappingJackson2HttpMessageConverter
- byte 처리 등등 기타 여러 HttpMessageConverter가 기본으로 등록되어 있음
- json방식으로 반환(최근 개발 소스)
참고 : 클라이언트의 HTTP Accept 해더와 서버의 컨트롤러 반환 타입 정보 둘을 조합해서
HttpMessageConverter 가 선택된다.