본문 바로가기

Lecture/스프링 입문 수업

스프링부트입문_03웰컴페이지만들기

반응형

김영한님 스프링부트입문 수업내용 정리

 

1.웰컴페이지 만들기

- 'resources/static/index.html'

 

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

 

2.스프링부트가 제공하는 Welcom Page기능

- 'static/index.html'을 올려두면 스프링부트가 해당페이지를 찾아 Welcome page로 사용한다.

 

3.스프링 Document

- https://spring.io/ 에 접속 후 Projects -> Spring Boot -> Learn -> Reference Doc를 클릭하면 Spring관련 여러 Document를 확인할 수 있다.

 

 

Spring makes Java simple.

Level up your Java code and explore what Spring can do for you.

spring.io

4. hello 페이지 만들기

- hellospring프로젝트 밑에 controller라는 package생성

- controller 폴더 밑에 Hello.Controller.java 파일 만들기

package hello.hellospring.controller;
import org.springframework.ui.Model;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

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

 

- 'resource/templetes/hello.html 파일 생성

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

 

- hello page 동작 원리

 .웹브라우져에서 localhost:8080/hello URL을 호출한다.

 .Spring boot안의 톰켓 내장서버에서 프로젝트안의 컨트롤러를 호출한다. 본 프로젝트에는 helloController이 만들어져있다. 

 .호출된 url하단 /hello와 helloController 컨트롤러 밑에 어노테이션 @GetMapping("hello")를 타고 hello method가 호출된다. 

 .메소드 인자로 전달된 model에 "data"라는 attribute에 "hello!!"라는 값을 담아 hello를 return한다.

 . viewResolver라는 애가 자동으로 templetes밑을 뒤져 'templetes/hello.html'을 호출 한다.

 .컨트롤을 누른 상태에서 return hello의 hello를 클릭해보면 hello.html로 이동된다. 따라서 hello가 hello.html을 의미함을 알 수 있다.

 

- 출력결과 확인

반응형