Yeji's Tech Notes
article thumbnail
반응형

개요


sideProject를 진행하기 위해서 웹앱프로젝트가 필요해 springMVC를 이용해 프로젝트를 생성해보았습니다.

프로젝트 생성 시 사용했던 dependency와 Thymeleaf를 이용해 springBoot page띄우는 법을 정리해놓았습니다.

 

프로젝트 생성


프로젝트 생성

File -> New -> Project... 클릭 후 위와 같은 환경으로 project를 생성해주었습니다.

 

dependency 추가


dependency 추가

gradle에 들어가는 dependencies들을 미리 추가해줍니다.

저는 SpringMVC패턴이 미리 세팅해주는 SpringWeb, 탬플릿을 이용해 HTML페이지를 편리하게 만들어주는 타임리프(Thymeleaf), 특정 어노테이션으로 해당 코드를 추가해주는 Lombok (Getter,Setter etc...) 

이 세개의 lib를 추가해주었습니다.

 

dependencies {
    implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
    implementation 'org.springframework.boot:spring-boot-starter-web'
    compileOnly 'org.projectlombok:lombok'
    annotationProcessor 'org.projectlombok:lombok'
}
🤔참고
기본 세팅엔 세개의 dependency만 필요하다 생각이 들었는데, html,css페이지를 작업도중 일일히 프로젝트를 재시작해주는 과정이 귀찮아서 devtools라는 lib를 추가해주었습니다.
developmentOnly 'org.springframework.boot:spring-boot-devtools'
# build.gradle dependencies line에 추가
developmentOnly 'org.springframework.boot:spring-boot-devtools'

# application.properties
# 자동재시작 사용여부
spring.devtools.restart.enabled=true
spring.devtools.livereload.enabled=true

 

Project 실행


생성된 project에 MVC형태로 package setting 해줍니다.

저는 controller package 생성 후 demoController를 만들어줬습니다.

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping("/test")
public class DemoController {

    @GetMapping
    public String retrieveTestPage(){

        return "/test";
    }

}

 

후에 test.html페이지를 만들어 간단한 test페이지를 만들어 줍니다. 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello Jpro page!</title>
</head>
<body>
    <h1>
        Hello Jpro page!
    </h1>
</body>
</html>

페이지 위치 (/resources/templates/test.html)

page위치

 

Project실행


page확인

프로젝트 run후 URL을 입력하면 정상적으로 페이지가 불러오는 것을 확인할 수 있습니다.

반응형
profile

Yeji's Tech Notes

@Jop

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!