[입문] 프로젝트 환경 설정

프로젝트 생성

https://start.spring.io/ 에서 다음과 같이 설정한 후 다운받아 IntelliJ로 열어준다.

dependency에서

spring web은 웹을 만들기 위함이고 thymeleaf는 템플릿 엔진의 일종이다.

다운받은 파일에서 gradle file을 열어준다.

파일 구조

main-java : 실제 파일
test : test 파일
resources : 설정 파일(자바 파일을 제외한 나머지)
build.gradle : 버전 설정 및 라이브러리 링크
repositories : mavenCentral - 라이브러리 사이트(필요한 라이브러리를 자동으로 다운받는다)

설정

settings - gradle 검색한 후 기본 엔진을 gradle이 아닌 IntelliJ IDEA로 설정한다. gradle을 통하지 않고 IDE 자체에서 실행하므로 실행 속도가 더 빨라진다.

라이브러리 살펴보기

gradle은 의존관계가 있는 라이브러리를 함께 다운로드한다.

스프링 부트 라이브러리

1. spring-boot-starter-web

spring-boot-starter-tomcat : 톰캣(웹서버)
spring-webmvc : 스프링 웹 MVC

2. spring-boot-starter-thymeleaf : 타임리프 템플릿 엔진(view)

3. spring-boot-starter(공통) : 스프링 부트 + 스프링 코어 + logging

spring-boot -> spring-core
spring-boot-starter-logging -> logback, slf4j

테스트 라이브러리

- spring-boot-starter-test

junit : 테스트 프레임워크
mockito : 목 라이브러리
assertj : 테스트 코드를 좀 더 편하게 작성할 수 있도록 도와주는 라이브러리
spring-test : 스프링 통합 테스트 지원

View 환경설정

- 스프링 부트는 src/main/static/index.html에 Welcome page 기능을 제공한다.

01. static/index.html에 소스코드 넣어서 Welcome page 구현하기

<!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>

02. localhost:8080/hello 페이지 구현하기

/* hello.hellospring/controller/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") // GET : 가려는 주소창
    public String hello(Model model){ // MVC에서의 model
        model.addAttribute("data", "hello!!");
        return "hello"; // resources/templates/hello.html로 전달하여 렌더링해라.
    }
}

다음으로 resources/templates에 localhost:8080/hello를 나타낼 hello.html을 만들어준다.

<!DOCTYPE HTML>
<html xlmns: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> // Controller의 model에서 data 가져온다
</body>
</html>

작동 원리는 다음과 같다.

01. 웹 브라우저에서 특정 URL을 가지고 서버를 호출한다.

02. 서버에서 GET 방식의 hello와 매칭한 후 Controller를 실행한다.

03. 스프링이 Model을 생성하여 값을 넣어놓은 후 "hello"를 리턴한다. 여기에서 hello란 resources/templates에 있는 hello.html을 말한다.

04. view에서 thymeleaf의 템플릿 엔진을 사용하여 hello.html을 렌더링한다.

다시 한번 정리해보자.

컨트롤러에서 리턴 값으로 문자를 반환하면 뷰 리졸버(viewResolver)가 화면을 찾아서 처리한다.

- 스프링부트 템플릿엔진 viewName 매핑

-> `resources:templates/` + {ViewName} + `.html`

참고) spring-boot-devtools 라이브러리를 추가하면 `html` 파일을 컴파일만 해주면 서버 재시작 없이 View 파일 변경이 가능하다. (IntelliJ 컴파일 방법 : 메뉴 build -> Recompile)

https://dev-minji.tistory.com/16

spring-boot-devtools 라이브러리 추가하기

강의 듣다가 이 라이브러리를 추가하면 컴파일만 하면 서버 재시작 없이 view 파일 변경이 가능하다고 해서 알아보게 되었다. https://docs.spring.io/spring-boot/docs/1.5.16.RELEASE/reference/html/using-boot..

dev-minji.tistory.com

'🌿 Spring' 카테고리의 다른 글

[Error] 테스트 시 org.junit.platform.launcher.core.EngineDiscoveryOrchestrator lambda$logTestDescriptorExclusionReasons$7INFO: 0 containers and 2 tests were Method or class mismatch 에러 (0)	2021.08.15
[Error] Spring Boot Configuration Annotation Processor not configured (0)	2021.07.07
[입문] 웹 개발 기초 - 정적 컨텐츠, MVC와 템플릿 엔진, API (0)	2021.06.29
[입문] cmd창에서 spring build 하기 (0)	2021.06.29
[입문] spring-boot-devtools 라이브러리 추가하기 (0)	2021.06.28

dev.nitro💻

[입문] 프로젝트 환경 설정

프로젝트 생성

파일 구조

설정

라이브러리 살펴보기

스프링 부트 라이브러리

테스트 라이브러리

View 환경설정

'🌿 Spring' 카테고리의 다른 글

댓글

티스토리툴바

[입문] 프로젝트 환경 설정

프로젝트 생성

파일 구조

설정

라이브러리 살펴보기

스프링 부트 라이브러리

테스트 라이브러리

View 환경설정

'🌿 Spring' 카테고리의 다른 글

관련글

댓글

티스토리툴바