[Spring] Spring 웹 개발 기초

김영한 님의 <스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술> 강의를 듣고 정리한 내용입니다.

---

스프링 웹 개발 기초

• 스프링이 웹을 보여주는 방식에는 세 가지가 있다.
  • 정적 컨텐츠 : html 파일을 그대로 웹 브라우저에 내려준다
  • MVC와 템플릿엔진 : 템플릿엔진을 통해 서버에서 랜더링 된 html을 웹브라우저에 내려준다
  • API : 반환된 데이터 객체를 json 포멧으로 클라이언트에게 전달한다

 

정적 컨텐츠

• 스프링 부트는 정적 컨텐츠를 자동으로 제공한다.

 

과정

• http://localhost:8080/hello-static.html 요청이 내장 톰캣 서버에 들어오고 스프링에게 전달된다
• 스프링은 먼저 Controller에 hello-static이 있는지 찾아본다

• 없다면 resources 안에서 해당 파일을 찾아서 그래로 웹브라우저에 반환한다

 

 

MVC와 템플릿 엔진

• View와 입력값을 찾아서 랜더링 후 html을 웹브라우저에 넘겨준다

 

MVC와 Template Engine

• MVC는 Model, View, Controller의 약자로, 앱의 구성 요소를 세가지로 구분한 소프트웨어 디자인 패턴이다
  • Model은 앱이 포함해야 하는 데이터가 무엇인지를 정의
  • View는 앱이 데이터를 보여주는 방식을 정의
  • Controller는 앱의 사용자로부터 입력에 대한 응답으로 모델과 뷰를 업데이트하는 로직을 포함
• Template Engine은 템플릿 양식과 특정 데이터 모델에 따른 입력 자원을 합성하여 결과 문서를 출력하는 SW이다

 

과정

• http://localhost:8080/hello-mvc 요청이 들어오면 내장 톰캣 서버에서 스프링에게 전달한다
• 스프링은 helloController에 해당 요청이 매핑되어 있음을 확인하고, 해당 메소드를 호출한다

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

• 메소드의 반환값(관련 파일 이름)과 model을 스프링에게 전달하고 스프링은 viewResolver에게 전달한다
• viewResolver는 반환값의 이름을 가진 View를 찾아 탬플릿 엔진을 연결한다

• 해당 파일을 찾아 템플릿 엔진이 렌더링한 후, 변환한 html 파일을 브라우저에 반환한다

 

전체적인 과정은 아래와 같다

 

 

API 방식

• 웹 브라우저(HTTP의 Body)에 데이터를 그대로 반환한다
• 일반적으로 객체 데이터를 JSON 형식으로 반환한다

아래와 같이 @ResponseBody를 명시하면, viewResolver를 사용하지 않는다

즉, 데이터를 그대로 반환한다

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

 

 

 

 

과정

• http://localhost:8080/hello-api?name=sinyoung 요청이 들어오면 내장 톰캣 서버에서 스프링에게 전달한다
• 스프링은 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를 가지고 있다면, HttpMessageConverter에 반환값을 전달한다
• HttpMessageConverter는 해당 데이터를 적절한 타입으로 변환해 브라우저에 반환해준다.
  • StringHttpMessageConverter는 모든 데이터와 String 사이의 변환을 지원(위의 예시)
  • MappingJacksonHttpMessageConverter는 객체와 JSON 사이의 변환을 지원(현재 예시)

 

 

Reference

MVC - 용어 사전 | MDN

[Template Engine] 템플릿 엔진(Template Engine)이란 - Heee's Development Blog

 

[spring] MessageConverter