본문 바로가기
Backend

[스프링 MVC] 웹페이지 만들기 프로젝트 생성 & 깃허브 연동

by 햣둘 2025. 3. 21.

스프링 MVC를 이용해 웹페이지 만들기

스프링 부트 스타터 사이트로 이동해서 스프링 프로젝트 생성 http://start.spring.io 

 

프로젝트 선택

- Project : Gradle

- Language : Java

- Spring Boot : 3.4.3

 

Project Metadata

- Group : hello

- Artifact : item-service

- Package name : hello.itemservice

- Packaging : Jar (주의!)

- Java : 21

 

Dependencies : Spring Web, Thymeleaf, Lombok

 

롬복 정상 작동을 위해

settings > Annotation Processors > Enable annotation processing

 

build.gradle

plugins {
    id 'java'
    id 'org.springframework.boot' version '3.4.3'
    id 'io.spring.dependency-management' version '1.1.7'
}

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

java {
    toolchain {
       languageVersion = JavaLanguageVersion.of(21)
    }
}

configurations {
    compileOnly {
       extendsFrom annotationProcessor
    }
}

repositories {
    mavenCentral()
}

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'
    testImplementation 'org.springframework.boot:spring-boot-starter-test'
    testRuntimeOnly 'org.junit.platform:junit-platform-launcher'
}

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

 

gradle을 통해서 실행이 되면 속도가 느려져서 빌드, 실행 시 IntelliJ IDEA로 바꾸기

settings > gradle > Build and run using을 gradle에서 IntelliJ IDEA로 바꾸기, Run tests using도 IntelliJ IDEA로 바꾸기

 

동작 확인

- 기본 메인 클래스 실행 (SpringmvcApplication.main())

- http://localhost:8080 호출해서 Whitelabel Error Page가 나오면 정상 동작

Welcome 페이지 추가

편리하게 사용할 수 있도록 Welcome 페이지를 추가하자.

 

/resources/static/index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul>
  <li>상품 관리
    <ul>
      <li><a href="/basic/items">상품 관리 - 기본</a></li>
    </ul>
  </li>
</ul>
</body>
</html>

 

동작 확인

- 기본 메인 클래스 실행 SpringmvcApplication.main()

- http://localhost:8080 호출해서 Welcome 페이지가 나오면 성공

1) 깃 연동

2) 깃허브 연동

3) Spring-MVC-Backend-3 레포지토리 만들기

4) 로컬과 원격 모두에 develop 브랜치 만들고, 로컬에서 커밋 후 푸시 하면 원격 develop 브랜치에 반영되도록 설정

 

로컬에서 develop 이라는 새 브랜치를 만들고 전환

git checkout -b develop

 

로컬 develop 브랜치를 원격 저장소 origin에도 생성하고, 앞으로 git push 시 자동으로 이 브랜치와 연결되도록 설정

git push -u origin develop

 

로컬 develop 브랜치에서 파일을 수정하고 추가한 후, 커밋하고 푸시하면 원격 develop 브랜치에도 반영됨

git add .
git commit -m "작업 내용"
git push

 

위에서 git push를 입력하면 자동으로 origin develop으로 푸시된다.