[관광데이터 공모전] VSCODE에서 Spring boot 프로젝트 생성(윈도우)

우리 프로젝트는 React로 진행할것이기 때문에 vscode에서의 작업은 거의 필수적이였다.

그래서 vscode를 프레임워크로 설정하였다.

그러기 위해선 vscode에서 spring boot 프로젝트 를 생성하는 방법을 알아야만 했다.

 

그래서 이 포스트는 vscode에서 spring boot를 만드는 방법에 대해서 설명을 하겠다.

(여기서는 컴퓨터에 jdk 11 버전과 vscode가 설치된 경우에서 시작을 한것이니 jdk와 vscode가 설치가 안되어 있다면 먼저 설치하기를 바란다. 개인적으로는 jdk는 버전 11을 추천한다.)

 

 

vscode에서 spring boot를 사용하려면 일단은 java를 vscode에서 사용할줄을 알아야 한다.

그래서 일단은 vscode에서 java를 사용하기 위해 java extension pack을 설치해주자.

 

 

 

1. Extension Pack for Java를 설치한다.

 

 

이걸 설치를 완료 했다면 이제 vscode에서 Java를 사용할수 있게 되는거다.

 

그럼 이제 Spring boot를 사용할수 있도록 spring boot extenstion pack을 설치해주자.

 

 

2. Spring Boot Extension Pack 설치

 

 

이것까지 설치를 완료 한거라면 이제 거의 다왔다.

 

그럼 이제 Spring boot 프로젝트를 생성해보자.

 

 

3. Spring Boot 프로젝트 생성

 

ctrl + shift + p 를 눌러주면 이제 vscode 내에서 특정 작업을 할수 있다. 

우리는 Spring 프로젝트를 만들것이니 아래 사진처럼 spring initializr를 입력해주자.

(난 maven으로 프로젝트를 만들었다. 이건 지극히 개인적인 취향이니 gradle로 하고 싶으면 gradle로 해도 된다.)

 

 

 

이제 그럼 버전을 선택하라고 뜨는데 가장 상위에 있는거 클릭하면 된다.

 

 

다음은 이제 기반언어를 선택할수 있는데 나는 java로 만들것이니 java를 선택했다.

 

 

그 다음에는 프로젝트의 패키지 이름을 설정할수 있는데 이건 본인이 원하는 이름으로 설정해주면 된다.

 

 

 

작성을 완료 했다면 이제 엔터를 눌러주고 jar를 할지 war를 할지 선택하라고 뜨는데 spring boot는 stand alone으로 작동을 하기 때문에 jar를 선택해주면 된다.

 

 

그다음에는 이제 자바 버전을 선택하면 된다. 내 jdk는 11버전이기 때문에 나는 11을 선택했다.

 

 

 

이제 다음은 프로젝트에서 사용할 dependency(외부 라이브러리 같은것)을 미리 추가해줄수 있는데 이건 아예 선택 안할수도 있다. 나중에 필요한 부분을 추가해주면 되기 때문에 일단은 Spring Web만 추가해주자.

 

 

그럼 위 작업들을 완료 했다면 이제 프로젝트 생성이 완료된것을 확인해볼수 있다.

 

프로젝트 생성이 완료 되었다면 정상적으로 생성이 되었는지 확인을 해봐야 한다.

그러기 위해서 test api를 만들어보자.

 

 

 

4. Test API 만들기

 

그냥 TestController를 아래와 같이 만들면 된다.

 

TestController.java

package com.prac.react.controller;

import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class TestController {

    @GetMapping("test")
    public String test(){
        return "test";
    }
}

 

이거를 만들고 이제 프로젝트를 실행시키면 된다.

 

 

그럼 이제 성공적으로 application을 start되었다고 뜰것이다.

그럼 이제 http://localhost:8080/test 를 쳐서 잘뜨는지 확인해보자.

 

 

이렇게 뜬다면 프로젝트는 성공적으로 생성이 된것이다.

 

그럼 이제 Spring boot 프로젝트를 생성했으니 vscode에서 react 프로젝트를 만들어보자.

 

 

https://wpioneer.tistory.com/250

[관광데이터 공모전] vscode에서 React 프로젝트 생성하기