[Spring 입문] 2. 스프링 웹 개발 기초

728x90

정적 컨텐츠 = 파일을 그대로 고객에게 전달
MVC & 템플릿 엔진 = html을 서버에서 가공해서 동적 컨텐츠로 전달
API = json 데이터 포맷으로 클라이언트에 데이터 전달
- Vue.js, React 등에서 사용
- 서버끼리 통신할 때

1. 정적 컨텐츠

Spring boot는 static/ 폴더에서 정적 컨텐츠를 찾아서 사용한다.
ex) 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>

흐름도

주소 요청 보냄
톰캣 서버에서 접수
먼저 스프링 컨테이터에서 컨트롤러 있는지 확인
없으면 static 하위의 파일 찾음
있으면 웹 브라우저로 리턴해줌

2. MVC와 템플릿 엔진

MVC = Model View Controller
- 과거 view와 controller가 나누어지지 않았을 시절도 있었음… vanilla js로 코딩할 때?
View ⇒ 화면을! 그린다!
Controller ⇒ 내부적인 것을 처리하는 것에 집중

⇒ 둘이 역할을 나눠서 수행함. 요즘에는 이게 기본(생각해보니 시작부터 이렇게 배웠음)

controller

@GetMapping("hello-mvc")
// request param이 주소에서 localhost.com/hello-mvc?name=~~~ 할 때 쿼리 매개변수 지정
public String HelloMvc(@RequestParam(value = "name", required = true) String name, Model model) {
    model.addAttribute("name", name); // 여기서 모델에 담겨서
    return "hello-template"; 
}

html(tymeleaf)

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<body>
// model 에 담겨서 이쪽으로 옴 -> name이라는 key 값의 value를 가져와서 치
<p th:text="'hello. ' + ${name}" >hello! empty</p> // hello empty가 나중에 hello. name으로 치환
</body>
</html>

주소 요청 보냄
톰캣 서버에서 접수
먼저 스프링 컨테이터에서 컨트롤러 있는지 확인 → helloController에 있음
있으면 viewResolver에 처리해달라고 요청
html template을 처리해서 변환 후 브라우저로 전송

3. API

@GetMapping("hello-string")
@ResponseBody // http의 응답 body에 이 내용을 직접 넣어주겠다.
public String helloString(@RequestParam("name") String name) {
    return "hello " + name; // "hello spring"
}

mvcc와 다른 점 ⇒ html template으로 가는 게 아니라 데이터 그 자체를 보내줌.

@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;
    }
}

데이터 객체를 return → json 형태 데이터로 return

Json ⇒ xml보다 심플하고 무겁지 않아서 요걸로 통일됨.

→ spring에서도 기본으로 Json

주소 요청 보냄
톰캣 서버에서 접수
먼저 스프링 컨테이터에서 컨트롤러 있는지 확인 → helloController에 있음
- 근데 response body네?
  - ⇒ 근데 객체네?
  - ⇒ 그럼 그냥 바로 데이터를 넘겨주는 방식으로 동작
HttpMessageConverter로 전달
- 객체 → JsonConverter로 Json 형태로 변환
Json 형태로 브라우저에 전송

클라이언트의 HTTP Accept 헤더(이런 형태로 주세요!!!!!!!!!! 라는 요청사항)와 서버의 컨트롤러 반환 타입 정보 둘을 조합해서 HttpMessageConverter 가 선택

728x90

저작자표시 비영리 변경금지 (새창열림)

'🐥 Web > ⛅ Back-end | Spring' 카테고리의 다른 글

[Spring 입문] 5. 회원 관리 예제 - 웹 MVC 개발 (0)	2023.09.25
[Spring 입문] 4. 스프링 빈과 의존관계 (0)	2023.09.25
[Spring 입문] 3. 회원 관리 예제 - 백엔드 개발 (0)	2023.09.25
[Spring 입문] 1. 프로젝트 환경 설정 (0)	2023.06.29

1. 정적 컨텐츠

2. MVC와 템플릿 엔진

3. API

'🐥 Web > ⛅ Back-end | Spring' 카테고리의 다른 글

티스토리툴바