웹 개발
- 방법 1) 정적 컨텐츠 : 파일을 웹 브라우저에 그대로 내려주는 것
- 방법 2) MVC와 템플릿 엔진 : jsp, php 등을 이용해 html을 서버에서 동적으로 바꿔서 내려주는 것 (model, view, controller)
- 방법 3) API : json 데이터 구조 포맷으로 클라이언트에게 데이터를 내려주는 것, 서버끼리 통신할 때 사용
정적 컨텐츠
- 스프링 부트 정적 컨텐츠 기능을 자동으로 제공
메뉴얼에서 Static Content 검색
<!-- main/java/resources/static/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>→ 이를 서버에 그대로 전달 (반환)
- 정적 컨텐츠 이미지 - 동작 환경 그림
: 내장 톰켓 서버가 요청을 받은 후 스프링에게 정보를 넘겨줌
→ 스프링에서는 hello-static 이라는 컨트롤러가 있는지 찾아보았으나 맵핑되는 것이 없으므로
→ 내부에 있는 hello-static.html을 찾아서 단순 반환
MVC와 템플릿 엔진
- MVC : Model, View, Controller
이전에는 View와 Controller가 나누어지지 않고 View에서 모든 것을 다 했으나,
View는 화면을 그리는 것에, Controller와 Model은 비즈니스 로직과 관련있거나 내부적인 처리에 집중하기 위해 이를 쪼갠 것
그리하여 Model에 화면에 필요한 것을 담아서 View에게 넘겨주는 MVC 패턴을 사용
// main/java/hello/hellospring/controller/HelloContoller.java
@Controller // 어노테이션
public class HelloController {
...
@GetMapping("hello-mvc")
// 파라미터를 통해 외부에서 입력 받은 것을 넘겨줌
// 파라미터 정보 단축키 : Ctrl + P
public String helloMvc(@RequestParam("name") String name, Model model) {
model.addAttribute("name", name);
return "hello-template";
}
}<!-- main/resources/templates/hello-template.html -->
<html xmlns:th="http://www.thymeleaf.org">
<body>
<!-- hello! empty가 나중에 입력된 name으로 치환 -->
<p th:text="'hello ' + ${name}">hello! empty</p>
</body>
</html>
파라미터 정보를 넣어줘야 하므로 오류가 발생한 것 (Parameter Info 윈도우 단축키 : Ctrl + P)
- MVC, 템플릿 엔진 이미지 - 동작 환경 그림
: 웹 브라우저에서 localhost:8080/hello-mvc를 넘기면 스프링부트의 내장 톰켓 서버를 거치게 되고 이를 스프링에게 넘겨줌
→ 스프링은 HelloController의 메소드에 맵핑되는 것이 있으므로 메소드를 호출해 주고
→ hello-template 리턴을 해줄 때 key인 name과 value인 spring을 넘겨주게 됨
→ 뷰 리졸버 (view를 찾고 template engine을 연결 시켜줌) 가 화면을 찾아 처리하여 변환을 한 html을 웹 브라우저에 반환
↔ 정적일 때는 변환을 하지 않고 그대로 반환을 해줬으나, 템플릿 엔진에서는 변환을 해준 후 반환
API
- View가 없이 문자가 그대로 전달됨 (@ResponseBody 문자 반환)
그러므로 소스코드를 보더라도 html 태그 하나 없이 문자만 나타나는 것 확인
// main/java/hello/hellospring/controller/HelloController.java
@Controller // 어노테이션
public class HelloController {
...
@GetMapping("hello-string")
@ResponseBody // http 통신 프로토콜의 응답 body 부분에 데이터를 직접 넣어주겠다는 것
public String helloString(@RequestParam("name") String name) {
return "hello " + name; // spring 입력 시, hello spring
}
}
- 문자가 아닌 데이터를 내려보내는 경우 (@ResponseBody 객체 반환)
// main/java/hello/hellospring/controller/HelloController.java
@Controller // 어노테이션
public class HelloController {
...
@GetMapping("hello-api")
@ResponseBody
public Hello helloApi(@RequestParam("name") String name) {
Hello hello = new Hello();
hello.setName(name);
return hello; // 문자가 아닌 객체를 반환하도록
}
// static으로 만들 경우 클래스 (HelloController) 안에서 클래스 (HelloController) 를 또 사용 가능
// java bean 표준 방식 (Getter, Setter) 또는 property 접근 방식이라 함
static class Hello {
private String name; // private이므로 Getter, Setter 메소드를 통해서 접근
// Getter, Setter 단축키 : Alt + Insert
// java bean que es
public String getName() { // 꺼낼 때
return name;
}
public void setName(String name) { // 넣을 때
this.name = name;
}
}
}
- @ResponseBody - 동작 환경 그림
: 내장 톰켓 서버가 hello-api가 왔다가 스프링에게 넘겨줌
→ @ResponseBody가 붙어 있으므로 HTTP에게 그대로 정보를 넘기도록 동작
↔ 이전의 템플릿은 나에게 맞는 템플릿을 찾아서 돌려주기 위해 뷰 리졸브에게 넘겨주었음
→ 그대로 넘겨주는 문자가 아니라 객체를 넘겨줘야 하므로 json 방식으로 데이터를 만들어서 응답 반환 (기본 정책)
→ 이 때 HttpMessageConverter가 동작 (단순 문자라면 StringConverter가 동작, 객체라면 JsonConverter가 동작) 하며
json으로 바꿔준 후 요청한 곳에 응답해 줌
- 즉, @ResponseBody를 사용하면
HTTP의 BODY에 문자 내용을 직접 반환하며 viewResolver 대신에 HttpMessageConverter가 동작
기본 문자의 경우 StringHttpMessageConverter가 처리하고,
기본 객체의 경우 MappingJackson2HttpMessageConverter가 처리함
그 외에도 byte 처리 등등 기타 여러 HttpMessageConverter가 기본으로 등록되어 있음
참고 : 클라이언트의 HTTP Accept 헤더와 서버의 컨트롤러 반환 타입 정보 둘을 조합해서 HttpMessageConverter가 선택됨
참고 영상
'Java-Spring > 스프링 입문' 카테고리의 다른 글
| [스프링 입문] 스프링 DB 접근 기술 (0) | 2022.02.09 |
|---|---|
| [스프링 입문] 회원 관리 예제 - 웹 MVC 개발 (0) | 2022.01.21 |
| [스프링 입문] 스프링 빈과 의존관계 (0) | 2022.01.20 |
| [스프링 입문] 회원 관리 예제 - 백엔드 개발 (0) | 2022.01.19 |
| [스프링 입문] 프로젝트 환경설정 (0) | 2022.01.16 |
