반응형
# 스프링 웹 개발 기초 (정적 컨텐츠, MVC와 템플릿 엔진, API)
## 정적 컨텐츠 방식
- 파일을 그대로 전달 하는 방식.
- 스프링 부트는 정적 컨텐츠 기능을 자동으로 제공한다.
예제
- hello-static.html
<!DOCTYPE HTML>
<html>
<head>
<title>Hello</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
정적 컨텐츠.
<a href="/hello">hello</a>
</body>
</html>
- 정적 컨텐츠 생성 후 http://localhost:포트번호/hello-static.html 으로 확인.
동작방식
1. 웹 브라우저
- http://localhost:포트번호/hello-static.html 요청.
2. 내장 톰캣 서버
- 요청(http://localhost:포트번호/hello-static.html)을 스프링 컨테이너로 전달.
3. 스프링컨테이너
- 전달받은 내용 토대로 hello-static 관련 컨트롤러 존재유무 확인.
- 컨트롤러가 없다면, 내부에 존재하는 resources: static/hello-static.html 을 찾고, 이를 웹 브라우저로 반환.
## MVC와 템플릿 엔진 방식
- JSP, PHP 등을 이용한 방식.
- MVC 란? : Model, View, Controller
예제
- HelloController
package hello.hellospring.controller;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;
@Controller
public class HelloController {
@GetMapping("hello-mvc")
public String helloMvc(@RequestParam("name") String name, Model model) {
model.addAttribute("name", name);
return "hello-template";
}
}
- hello-template.html (thymeleaf 템플릿 엔진)
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<body>
<p th:text="'반가워요. ' + ${name}"></p>
</body>
</html>
- http://localhost:포트번호/hello-mvc?name=곰탱이 으로 확인.
동작방식
1. 웹 브라우저
- http://localhost:포트번호/hello-mvc 요청.
2. 내장 톰캣 서버
- 요청(http://localhost:포트번호/hello-mvc)을 스프링 컨테이너로 전달.
3. 스프링컨테이너
- 전달받은 내용 토대로 hello-mvc 관련 컨트롤러 존재유무 확인.
- HelloController 에 맴핑 되어있는 매서드 확인하여 호출.
- 맴핑된 매서드 호출 시 return : hello-template, model (name : 곰탱이) 를 스프링으로 전달.
4. 뷰 리졸버 (viewResolver)
- 스프링이 뷰 리졸버 (뷰를 찾아주고 템플릿 엔진과 연결시켜주는 역할) 전달.
- 뷰 리졸버가 templates/hello-template.html (Thymeleaf 템플릿 엔진 처리) 으로 넘김.
5. 템플릿 엔진
- 랜더링 해서 '변환' 한 html을 웹 브라우저에 반환. (정적 컨텐츠와의 차이 : 변환)
## API 방식
- JSON 등 데이터 포멧 이용 클라이언트에게 데이터 전달 하는 방식.
@ResponseBody
- html 의 body 부(응답 body)에 해당 데이터를 직접 넣겠다는 의미.
예제1
- HelloController
package hello.hellospring.controller;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
@Controller
public class HelloController {
@GetMapping("hello-string")
@ResponseBody
public String helloString(@RequestParam("name") String name) {
return "hello " + name;
}
}
- http://localhost:포트번호/hello-string?name=호랑이호호호 으로 확인.
- 이렇게 하면 데이터를 그대로 내려줌.
예제2 (이것 때문에 API 방식을 많이 사용)
package hello.hellospring.controller;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
@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 class Hello {
private String name;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}
}
- http://localhost:포트번호/hello-api?name=호랑이호호호 으로 확인.
- 이렇게 하면 key-value 로 이루어진 JSON 방식으로 표시됨.
동작방식 (@ResponseBody 사용 원리)
1. 웹 브라우저
- http://localhost:포트번호/hello-api 요청.
2. 내장 톰캣 서버
- 요청(http://localhost:포트번호/hello-api)을 스프링 컨테이너로 전달.
3. 스프링컨테이너
- 전달받은 내용 토대로 hello-api 관련 컨트롤러 존재유무 확인.
- HelloController 에 맴핑 되어있는 매서드 확인.
- 이때 @Responsebody 가 붙어있는 경우 HTTP 의 body에 문자 내용을 직접 반환, HttpMessageConverter 동작.
4. HttpMessageConverter
- 기본 문자 처리 (단순 문자인 경우) : StringHttpMessageConverter 동작. (String 으로 변환)
- 기본 객체 처리 (객체인 경우) : MappingJackson2HttpMessageConverter 동작. (Json 으로 변환)
- 변환된 것을 웹 브라우저로 전달.
반응형
'인프런 강의 학습 > 스프링 입문' 카테고리의 다른 글
재학습_스프링 빈과 의존관계 (0) | 2022.08.11 |
---|---|
재학습_회원 관리 예제, 테스트 케이스 작성 (0) | 2022.08.10 |
재학습_스프링 프로젝트 환경설정 (0) | 2022.08.09 |
재학습_9일차 AOP (0) | 2022.02.05 |
재학습_8일차 스프링 DB 접근 기술_2 (0) | 2022.02.04 |