728x90

1. 프로젝트 생성

project - Gradle
spring boot version - 2.7.12
- spring boot 3.x.x로 선택하는 경우 java version이 17 이상이어야함
java version 12(11)
artifact - output name
- package name = name.artifact 형태로 패키징됨
Thymeleaf - template engine, 뒤에서 설명
spring web - web builder

프로젝트 구성

src/main
src/test ⇒ test 코드를 따로 작성하는 것에 대한 중요성이 대두되는 중.
build.gradle ⇒ 버전 설정, 라이브러리 로드 등
- python virtual environment에서 requirement.txt처럼 dependencies를 정의하고 가져다두는 느낌
- react의 종속성 관리… 보다는 덜 빡세고 프로젝트 빌드를 위한 종속성 / 버전 등을 담은 길잡이 파일

plugins {
	id 'java'
	id 'org.springframework.boot' version '2.7.12'
	id 'io.spring.dependency-management' version '1.0.15.RELEASE'
}

group = 'hello'
version = '0.0.1-SNAPSHOT'
sourceCompatibility = '11'

// 라이브러리 다운로드를 받을 곳. maven central이라는 사이트가 있음.
repositories {
	mavenCentral()
}

dependencies {
	implementation 'org.springframework.boot:spring-boot-starter-thymeleaf' // template engine
	implementation 'org.springframework.boot:spring-boot-starter-web' // web project
	testImplementation 'org.springframework.boot:spring-boot-starter-test' // test library(기반)
}

tasks.named('test') {
	useJUnitPlatform()
}

.gitignore ⇒ 우리가 아는 그거

main 실행

package hello.hellospring;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class HelloSpringApplication {

    public static void main(String[] args) {
        SpringApplication.run(HelloSpringApplication.class, args);
    }

}

접속 성공
spring boot 는 tomcat web server를 내장하고 있음 → 바로 local host를 통해서 접속 가능하게 포트 선점

2. 라이브러리 살펴보기

Gradle은 의존관계가 있는 라이브러리를 함께 다운로드 한다.
- tensorflow 다운로드하면 numpy pandas 등등이 같이 다운로드 되듯이……….
스프링 부트 라이브러리
- spring-boot-starter-web
  - spring-boot-starter-tomcat: 톰캣 (웹서버)
  - spring-webmvc: 스프링 웹 MVC
- spring-boot-starter-thymeleaf: 타임리프 템플릿 엔진(View)
- spring-boot-starter(공통): 스프링 부트 + 스프링 코어 + 로깅
  - spring-boot
    - spring-core
  - spring-boot-starter-logging
    - logback, slf4j
    - Log 쓰는 습관 들이기
    - spring boot 에서 쓰는 logging library

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

3. View 환경설정

src/main/resources/static 에 index.html 올리면 알아서 welcome page로 등록해주는 기능이 있다.
- 정적 페이지를 웹 브라우저에 넘겨주는 것. 내부에 프로그램 등이 동작하지 않음
thymeleaf template engine
- thymeleaf 공식 사이트: https://www.thymeleaf.org/
- 스프링 공식 튜토리얼: https://spring.io/guides/gs/serving-web-content/
- 스프링부트 메뉴얼: https://docs.spring.io/spring-boot/docs/2.3.1.RELEASE/reference/html/spring-boot-features.html#boot-features-spring-mvc-template-engines

Template engine 적용하기

1. controller 작성

return name과 temaplates의 파일 이름! hello.html 을 찾아가게 되어있음
기본적으로 resources/templates/ 하위에서 {ViewName}.html 을 찾음
찾는 놈 = View Resolver

package hello.hellospring.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;

@Controller  // annotation
public class helloController {
    @GetMapping("hello") // /hello로 접속하면 아래 method 실행.
    public String hello(Model model) { // model이라는 게 넘어옴
        model.addAttribute("data", "hello!"); // key, value
        return "hello"; // return name = hello
    }

}

2. template 작성

<!DOCTYPE HTML> 
<html xmlns:th="http://www.thymeleaf.org"> // template engine을 쓸 수 있도록 불러옴
<head>
    <title>Hello</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	// template engine(model)에서 key=data인 value를 찾아와서 넣음
	<p th:text="'안녕하세요. ' + ${data}" >안녕하세요. 손님</p> 
</body>
</html>

4. 빌드하고 실행하기

Intellij 끄고 powershell(여기서 linux랑 같은 명령어 사용가능 유레카)하면 알아서 빌드해줌

> ./gradlew.bat build

build/libs/ 안에 jar 파일 생성됨
java 명령어로 실행 가능

> java -jar {artifact}-{version}-SNAPSHOT.jar

똑같이 [localhost:8080](http://localhost:8080) 에서 접속 가능

728x90

저작자표시 비영리 변경금지

'🐥 Web > ⛅ Back-end | Spring' 카테고리의 다른 글

[Spring 입문] 5. 회원 관리 예제 - 웹 MVC 개발 (0)	2023.09.25
[Spring 입문] 4. 스프링 빈과 의존관계 (0)	2023.09.25
[Spring 입문] 3. 회원 관리 예제 - 백엔드 개발 (0)	2023.09.25
[Spring 입문] 2. 스프링 웹 개발 기초 (0)	2023.06.30

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

1. 프로젝트 생성

프로젝트 구성

main 실행

2. 라이브러리 살펴보기

3. View 환경설정

Template engine 적용하기

4. 빌드하고 실행하기

'🐥 Web > ⛅ Back-end | Spring' 카테고리의 다른 글

티스토리툴바