Visual Studio Code에서 Spring Boot 사용하기

익스랩 최고 관리자

·

2020. 1. 12. 15:10

반응형

Spring Boot를 개발하기 위한 개발툴은 여러가지가 있습니다.

 

그 중에서 Microsoft사의 Visual Studio Code를 이용한 Spring Boot 개발을 위해 필요한 설치 및 설정을 소개하려고 합니다. (Windows OS 기준)

 

이미 설치가 된 프로그램들이 있다면 그 과정을 건너뛰시면 됩니다.

 

1. 먼저 Spring Boot는 Java를 이용한 웹 개발 프레임워크입니다. 때문에 JDK(Java Development Kit)를 설치해줍니다.

 

https://www.oracle.com/technetwork/java/javase/downloads/index.html

 

2. Java의 환경변수를 설정해 줍니다. 

 

1) 제어판 - 시스템 및 보안 - 시스템 - 고급 시스템 설정 - 고급 - 환경 변수 - 사용자 변수

 

 

2) 새로 만들기에서 다음 내용을 추가합니다.

 

- 변수 이름 : JAVA_HOME, 변수 값 : JDK 설치 경로

 

 

- 변수 이름 : CLASSPATH, 변수 값 : %CLASSPATH%

 

 

3) PATH라는 변수가 존재하면 편집에서 다음 내용을 변수 값으로 추가하고 존재하지 않으면 변수명 PATH를 추가합니다.

 

- 변수 값 : JDK bin 폴더의 설치 경로

 

PATH 변수가 존재하지 않을 경우 추가

 

 

PATH 변수가 존재할 경우 편집

 

 

4) 환경 변수가 제대로 설정되었는지 확인합니다.

 

- 명령 프롬프트(cmd)에서 'javac -version'을 입력했을 때 현재 설정한 올바른 JDK 버전이 나오면 정상적으로 설정이 된 것입니다.

 

 

 

3. Visual Studio Code를 설치합니다.

 

https://code.visualstudio.com/

 

4. Visual Studio Code를 실행하고 마켓플레이스(Ctrl + Shift + X)에서 다음 확장을 설치 후 VS Code를 리로드합니다.

 

- Spring Boot Support

 

- Spring Initializr Java Support

 

- Spring Boot Extension Pack

 

- Java Extension Pack

 

 

5. 필요한 설치 및 설정은 마무리 되었고 Spring Boot가 제대로 작동하는지 확인하기 위해 Visual Studio Code에 내장된 Git Clone 통해 프로젝트를 하나 복제하겠습니다.

 

1) Git을 설치합니다.

 

https://git-scm.com./downloads

 

2) Visual Studio Code에서 Command Palette(Ctrl + Shift + P)를 실행하여 Git:Clone을 선택합니다.

 

3) 다음 URL을 입력합니다.

 

https://github.com/spring-guides/gs-spring-boot.git

 

4) 자신의 Workspace 경로를 지정합니다.

 

5) Visual Studio Code 우측 하단에 'Would you like to open the cloned repository, or add it to the current workspace?' 다음 문구의 팝업이 올라오면 완료된 것입니다. 해당 팝업의 Open Repository 버튼을 클릭하면 잠시 후 Visual Studio Code에 해당 Repository가 열립니다.

 

6) 해당 Repository의 complete/src/main/java/hello/Application.java 파일을 엽니다.

 

7) F5키를 누르면 해당 파일에서 debugger가 작동합니다. 하단의 %가 100%가 될 때까지 기다립니다.

(※ 이 단계에서 JDK를 찾을 수 없다는 형식의 오류가 발생할 수 있습니다. 위의 단계를 진행해도 이 오류가 발생한다면 Visual Studio Code를 완전히 종료한 후 다시 로드해보시기 바랍니다.)

 

8) 100%가 되면 launch.json 파일이 .vscode 폴더와 함께 생성됩니다. 다시 한번 F5키를 눌러서 debugger를 시작합니다.

 

9) 잠시 기다리면 디버그 콘솔과 함께 Git에서 복제한 프로젝트가 시작됩니다.

 

10) http://localhost:8080 링크에 들어가서 'Greetings from Spring Boot!' 라는 문구가 뜨면 성공입니다.

 

반응형

'IT Scripts > VSCode' 카테고리의 다른 글

[한]Using Spring Boot with Visual Studio Code  (0) 2020.01.09
[영]Using Spring Boot with Visual Studio Code  (0) 2020.01.09

💖 포스터에게 힘 보내기 💖

카카오뱅크
3333-25-9477515
치킨 좋아하는 포스터