Spring - 1 hello spring만들기

Posted Dec 25, 2020 Updated Apr 29, 2022

3 min read

해당 자료는 인프런 김영한님의 스프링 입문 - 코드로 배우는 스프링 부트, 웹MVC, DB 접근 기술 강의 노트입니다.

1. Hello 만들기

위의 사진과 같이 해당 경로에 들어가서 index.html을 만들어줍니다. 만드는 방법은 static폴더 위에 마우스 오른쪽 클릭 후 new-> html file을 눌러주시면 됩니다.

그 다음 해당 index.html에 다음 코드를 넣습니다.

  
<!DOCTYPE HTML>
<html>
<head>
    <title>Hello</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
Hello
<a href="/hello">hello</a>
</body>
</html>

그 다음 <localhost:8080>에서 결과를 보면 다음과 같이 뜰 것입니다.

하지만 이것은 정적 사이트로 이미 작성된 페이지를 뿌려주는 형태라고 생각하시면 됩니다.
다음은 컨트롤러를 만들어보겠습니다.
해당 경로에 controller라는 package를 만들어주고 HelloController라는 java 파일을 만들어줍니다.

  
package hello.hellospring.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class HelloController {

    @GetMapping("hello")
    public String hello(Model model){
        model.addAttribute("data","hello!!");
        return "hello";
    }
}

다음 코드를 작성해주시고, 다음 경로에 hello.html을 만들어줍니다.

  
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Hello</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<p th:text="'안녕하세요. ' + ${data}" >안녕하세요. 손님</p>
</body>
</html>

코드를 작성해줍니다.

다음 http://localhost:8080/hello에 들어가면

여기에서의 동작방식은 다음과 같습니다.
웹 브라우저에서 해당 URL(~~/hello)로 요청이 오면 저희가 작성한 Controller에서 hello로 작성된 함수를 찾고,
파라미터에 있는 Model이라는 것에 data가 hello인 값을 넣어줍니다. 그리고 return hello를 해주는데, 이 hello는 hello.html을 찾기위한 리턴 값입니다.
스프링 부트의 viewResolver는 hello.html에 model의 data의 키값인 hello를 넘겨주어서 ‘안녕하세요. + hello’가 출력되게 합니다.