[Spring] 김영한 스프링 입문_Section 2

dO_the_Jeegu·2023년 2월 2일

김영한 스프링 강의

목록 보기

2/4

웹 개발

정적 컨텐츠 : 서버에서 수정 없이 파일을 그대로 웹브라우저에 전달
MVC와 템플릿 엔진 : 가장 많이 하는 방식. 서버에서 프로그래밍해서 html을 동적으로 바꿔서 웹브라우저에 전달.
API : html이 아닌 다른 데이터 포맷(JSON)으로 데이터를 전달. 서버끼리 통신할 때 주로 사용

1. 정적 컨텐츠(Static Content)

<!-- [main] - [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>

결과값

파일 그대로 웹브라우저에 전달. 서버에서 수정 불가능

2. MVC와 템플릿 엔진

: Model, View, Controller

View : 화면을 그리는 데 모든 역량을 집중
Controller : 비즈니스 로직, 내부적인 것을 처리하는 데 집중

//[main] - [java] - [hello] - [hellospring] - [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";
    }
}

<!-- [main] - [resources] - [templates] - [hello-template] -->
<html xmlns:th="http://www.thymeleaf.org">
<body>
<p th:text="'hello ' + ${name}">hello! empty</p>
</body>
</html>

주소 입력하여 실행 시 오류가 뜸

원인은? name이 없음

주소창 뒤에 ?name=value 를 입력하면 정상 작동

<동작 방식>

❗ hello-template의 'hello empty'의 역할은?

thymleaf의 장점 중 하나가 html 파일을 html을 서버 없이 열 수 있다는 것인데, 그 때 나오는 내용(껍데기값)이 바로 'hello empty' 부분이다. 후에 템플릿 엔진으로 정상 동작하면 text 값으로 내용이 치환된다.

Absolute Path Copy로 주소 복사 후 주소창에 열기

3. API

(1) 문자 return

//[main] - [java] - [hello] - [hellospring] - [controller] - [HelloController]
package hello.hellospring.controller;

import org.springframework.stereotype.Controller;
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 //http의 bdoy부에 이 내용(데이터)를 직접 넣어주겠다는 의미
    public String helloString(@RequestParam("name") String name) {
        return "hello " + name;
    }
}

결과값

❗ 템플릿엔진 vs API 차이

템플릿엔진의 소스코드

API의 소스코드

결과값은 같지만 내부 소스코드가 다름

(2) 객체 return

//[main] - [java] - [hello] - [hellospring] - [controller] - [HelloController]
package hello.hellospring.controller;

import org.springframework.stereotype.Controller;
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; //문자가 아닌 객체를 return
    }

    static class Hello {
        private String name;

        public String getName() {
            return name;
        }

        public void setName(String name) {
            this.name = name;
        }
    }
}