⚠️ 인프런 김영한 선생님의 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술을 보고 정리한 내용입니다.
[무료] 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 - 인프런 | 강의
스프링 입문자가 예제를 만들어가면서 스프링 웹 애플리케이션 개발 전반을 빠르게 학습할 수 있습니다., 스프링 학습 첫 길잡이! 개발 공부의 길을 잃지 않도록 도와드립니다. 📣 확인해주세
www.inflearn.com
저번 시간에는 서버를 키고 localhost로 접속해서 페이지를 띄우는 것 까지 했습니다.
이번시간에는 웰컴페이지의 내용을 바꿔보겠습니다.
src/main/resources/static 폴더에 index.html파일을 생성해 줍니다.
기존에 보이던 에러페이지가 사라지고 입력한 html파일이 나옵니다.
이번엔 localhost:8080/hello로 접속했을 때 다른 페이지가 나오게 바꿔보겠습니다.
templates폴더에 hello.html 파일을 생성하고
controller패키지를 만들고 HelloController라는 클래스파일을 만들어 줍니다.
그라고 HelloController에는 다음과 같이 적어줍니다.
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", "spring!!");
return "hello";
}
}코드를 분석해보면
@GetMapping 어노테이션은 get요청으로 왔을 때를 나타냅니다.
("hello")는 엔드포인트 규칙입니다.
model.addAttribute에 data는 키 spring!!이라는 value를 담아서
"hello"라는 문자열을 리턴 시키면
hello라는 템플릿 이름을 찾아서 data값에 spring!!을 보냅니다.
<!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>hello.html의 ${data}값에 spring!!이 들어가게 되고
localhost:8080/hello로 접속하면
이렇게 나오게 됩니다.
'스프링 입문' 카테고리의 다른 글
| 🍀 @JsonProperty (0) | 2021.10.23 |
|---|---|
| 🍀 스프링 PostController (0) | 2021.10.23 |
| 🍀 스프링 Get Controller (0) | 2021.10.23 |
| 🚀 장고와 🍀스프링 (0) | 2021.10.11 |
| 🍀 스프링 프로젝트 시작하기 (0) | 2021.10.05 |