Spring Study - 2

07 Dec 2020

2. 스프링 웹 개발 기초

웹 개발

웹개발은 세 가지 방법이 있다.

정적 컨텐츠

파일을 그대로 내려주는 것, 가령 html 파일로만 이루어진 웹.
MVC와 템플릿 엔진

가장 많이 사용하는 방식이다. 과거의 jsp, php와 같은 것이 템플릿 엔진이다. html을 그대로 주는 것이 아니라, 서버에서 프로그래밍을 해서 동적으로 변환하여 주는 것이며, 이를 위해서는 모델-뷰-컨트롤러(MVC)가 필요하다.
API

안드로이드, 아이폰 클라이언트와 개발한다고 가정한다. 요새는 데이터를 json 데이터 구조 포맷으로 클라이언트에게 전달하는데, 이를 API 방식이다 한다. vue, react 등을 쓸 때 화면은 클라이언트가 알아서 그리거나, 서버끼리 통신할 때 사용하는 방식이다.

정적 컨텐츠

main>resources>static 폴더에 html 파일을 작성하는 것. url은 html파일명 그대로 올라오게 된다.
동작
1. 웹 브라우저에서 localost:8080/hello-static.html을 내장 톰캣 서버로 넘겨준다.
2. 톰캣 서버가 요청을 받아 스프링 컨테이너에게 넘긴다.
  2.1. 컨트롤러에서 hello-static 관련 컨트롤러를 찾으나 찾을 수 없다. 2.2. resources: static/hello-static.html을 찾는다.
3. 웹 브라우저에 hello-static.html을 띄워준다.

MVC와 템플릿 엔진

MVC란 Model, View, Controller를 의미한다. 과거에는 모델, 뷰, 컨트롤러가 분리되어있지 않고, DB접근 등까지 뷰에 모든 걸 다 했었다. 이를 Model-one 방식이라 부르며, 요새는 MVC 방식을 사용한다.
1. View : 화면을 그리는 데에 모든 역량을 집중
2. Controller, Model : 내부적인 걸 처리하거나, 비즈니스 로직 등과 관련이 된다.

컨트롤러

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") // 웹 어플리케이션에서 '/hello'가 들어오면 이 메소드를 호출해준다.
    public String hello(Model model) {
        model.addAttribute("data", "hello!!");
        return "hello";
    }

    @GetMapping("hello-mvc")
    public String helloMvc(@RequestParam("name") String name, Model model) {
        model.addAttribute("name", name);
        return "hello-template";
    }
}

뷰 (hello-template.html)

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

hello! empty는 안써도 상관없지만, 타임리프 특성상 절대경로로 html을 바로 열어볼 수도 있다. 템플릿 엔진으로 동작할 경우에는 hello! empty의 내용이 앞의 'hello ' + ${name} 으로 치환되어 나타나게 된다.
이후 http://localhost:8080/hello-mvc?name=spring!!!으로 접속해주면 “hello spring!!!”이라는 화면이 뜬다.
동작 방식
1. 웹브라우저는 name=”spring”으로 받아서 내장 톰캣서버로 넘긴다.
2. 내장톰캣서버는 스프링 컨테이너를 요청한다.
3. helloController는 helloMvc에서 name을 ‘spring’으로 바꾸고, model(name:spring)과 hello-template을 return한다.
4. viewResolver는 모델에서 ${name}으로 받아와 출력하게 된다.
  - 이를 타임리프 템플릿 엔진은 HTML으로 변환하여 처리한다.

API

@GetMapping("hello-string")
@ResponseBody
public String helloString(@RequestParam("name") String name) {
    return "hello " + name;
}

ResponseBody는 Body부에 해당 내용을 직접 넣어주겠다는 의미이다. name=”Spring”이 들어간다면, 해당 문자가 “hello Spring”으로 바뀌어 들어가게 될 것이다.
view 없이 해당 문자가 그대로 들어가게 되는 것임.
소스보기를 하면 html소스 없이, 해당 문자가 그대로 떠있다.

@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:8080/hello-api?name=spring!!!로 들어가면 {"name":"spring!!!"}이 나온다. 이는 json이라는 방식이다. key는 name, value는 spring!!!이 들어간다. json이 다른 방식에 비하여 간단하다. ResponseBody를 사용하면 그래서 기본으로 json으로 반환한다.
- json : key-value로 이루어진 구조
getter와 setter : Java Bean 표준 방식이라 칭한다. property 접근 방식이라고도 부른다. 메소드를 통해 접근한다.

ResponseBody 사용 원리

웹 브라우저에서 localhost:8080/hello-api를 내장톰캣서버로 보낸다.
톰캣서버에서 스프링에 던진다.
@ResponseBody가 있으면 http응답에 이 데이터를 그대로 넘긴다. 근데 문자가 아니라 객체가 오면, 기본적으로 json 방식으로 데이터를 만들어서 데이터를 반환한다.
기존에 동작하면 viewResolver가 아니라, HttpMessageConverter를 이용하게 된다. 단순 문자열이면 StringConverter가 동작하고, 객체면 JsonConverter(MappingJackson2HttpMessageConverter)가 동작한다. => 이를 통해 Json 스타일로 데이터를 바꿔 웹브라우저로 넘겨준다.
- MappingJackson2HttpMessageConverter : 잭슨은 json으로 변환하기 위해 사용하는 라이브러리의 일종인데, 스프링은 이를 기본으로 사용한다.
- 클라이언트의 HTTP Accept 헤더와 서버의 컨트롤러 반환 타입 정보 둘을 조합해서 HttpMessageConverter가 선택된다고 한다. (잘 이해가 안간다. 그냥 json을 쓴다고 생각하면 된다고 하신다.)

IntelliJ 단축키

Alt + Insert : Generate => Getter and Setter를 빠르게 만들 수 있다.
Ctrl + Shift + Enter : 끝에 세미콜론을 붙여주며 완성 후 엔터