회원 웹 기능 - 홈 화면 추가

Sunny·2023년 2월 11일
0

🌱 Controller 만들기

HomeController.java를 만들어보자.

@Controller
public class HomeController {

    @GetMapping("/")
    public String home() {
        return "home";
    }
}
  • url 경로를 보고 @GetMapping 되어있는 경로와 일치하면 HomeController의 home()가 실행된다.
  • home으로 return 하므로 home.html이 실행된다.

🌱 View 만들기

Home.html을 만들어보자.

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Home</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div class="container">
    <div>
        <h1>Hello Spring</h1>
        <p>회원 기능</p>
        <p>
            <a href="/members/new">회원 가입</a>
            <a href="/members">회원 목록</a>
        </p>
    </div>
</div>
</body>
</html>

이제 스프링을 실행해보자.
http://localhost:8080/ 으로 접속하면 다음과 같은 화면이 잘 뜬다.

회원 가입 링크를 누르면 다음 화면이 뜬다.

회원 목록 링크를 누르면 다음 화면이 뜬다.

이렇게 간단하게 홈 화면을 구현해보았다.

profile
개발에 재미를 붙여보기 :)

0개의 댓글