Giter VIP home page Giter VIP logo

template-with-spring-boot-and-react's Introduction

Template with Spring Boot and React

Spring Boot와 React으로 구성된 템플릿입니다.
이 템플릿을 사용하여 간편하게 Spring Boot와 React 조합의 웹을 만들 수 있습니다.

시작하기

git clone https://github.com/LeeKyuHyuk/Template-with-Spring-Boot-and-React.git ProjectName
  1. settings.gradle.kts 파일에 있는 rootProject.name에 기본 값으로 'template-with-spring-boot-and-react'라고 적혀있을 것입니다. 기본 값을 지우고 진행하려는 프로젝트의 이름을 입력합니다.

  2. backend/build.gradle.kts 파일에 있는 groupversion을 프로젝트에 맞게 수정합니다.

  3. frontend/package.json 파일에 있는 name, version, description, repository, keywords, author, license, bugs, homepage를 프로젝트에 맞게 수정합니다.

{
  "name": "프로젝트 이름",
  "version": "프로젝트 버전",
  "description": "프로젝트 설명",
  "author": "제작자 이름 또는 단체",
  "license": "프로젝트의 라이센스",
  "repository": "프로젝트의 저장소 URL",
  "keywords": ["프로젝트 키워드"],
  "bugs": "이슈 등록 페이지 URL",
  "homepage": "해당 프로젝트의 홈페이지 URL"
}

Dev Server 실행하기

Gradle Tasks List

application에 있는 bootRunreactRun Task를 실행하여, Spring Boot와 React Dev Server를 실행하여 개발을 진행할 수 있습니다.

  • 포트 번호 : Spring Boot은 8080, React Dev Server는 8081입니다.

JAR 파일로 배포하기

build에 있는 bootJar Task를 통하여 JAR 파일을 생성할 수 있습니다.
build/libstemplate-with-spring-boot-and-react.jar라는 이름으로 생성됩니다.
생성되는 JAR 파일의 이름을 바꾸고 싶다면, backend/build.gradle.ktstasks.bootJar에 있는 archiveFileName.set()archiveBaseName.set()를 수정하면 됩니다.

tasks.bootJar {
	archiveFileName.set("template-with-spring-boot-and-react.jar")
	archiveBaseName.set("template-with-spring-boot-and-react")
	dependsOn(":frontend:buildFrontend")
	dependsOn(":frontend:copyFrontend")
	doLast {
		copy {
			from("${project.buildDir}")
			into("${project.rootDir}/build")
		}
	}
}

template-with-spring-boot-and-react's People

Contributors

leekyuhyuk avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.