본문 바로가기
블로그 이미지

방문해 주셔서 감사합니다! 항상 행복하세요!

  
   - 문의사항은 메일 또는 댓글로 언제든 연락주세요.
   - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다.
   - 메일주소 : lts06069@naver.com


기타

vs code spring boot 개발 환경 구성(vs코드 spring boot 개발 환경 구성)

야근없는 행복한 삶을 위해 ~
by 마샤와 곰 2020. 10. 29.

비주얼 스튜디오 코드로 springboot 개발환경 구성 방법입니다.

Java Overview에서 프로젝트를 선택하면 쉽게 구성 할 수 있습니다.

Start 아래 있는 "Create a Spring Boot project"를 선택하여 줍니다.

 

"Create a Spring Boot project"를 선택 하여 줍니다.

만약 위의 Java Overview 화면이 나오지 않는다면 아래 단계를 따라서 해당 창이 뜨도록 해 줍니다.

* 명령 팔레트 단축키 : Ctrl + Shift + p

* 검색어 : java:Overview

요렇게 해 주면 됩니다~

 

그리고나서 만나는 화면은 Spring boot 개발 환경을 위해서 추가 기능을 설치해야 된다는 알림 입니다.

이미 플러그인이 설치되어 있으면 아래화면은 나타나지 않습니다.

Install!

 

Install을 눌러주고 난 뒤에 설치가 완료되면 안정적인 환경을 위해서 vs코드를 껏다가 다시 켜 줍니다.

그리고 다시 Springboot 프로젝트를 만들기 위해서 Java Overview에서 "Create a Spring Boot project"를 선택 하여 줍니다.

여기서는 maven환경으로 구성 하였습니다.

메이븐 환경입니다.

 

패키지 경로, 아이디값들을 넣어주다보면 기본 라이브러리를 선택하는 화면이 나오게 됩니다.

Spring Boot DevTools와 Spring Web을 넣어주면 기본 tomcat이 내장된 jar로 환경구성을 할 수 있습니다.

원하는 내용을 선택하셔도 됩니다.

 

프로젝트가 생성되고 나서 시간을 조금(?)갖고 기다리면 Run | Debug 버튼, 창과, 좌측 메뉴의 각종 설정과 관련된 내용이 나타나게 됩니다.
대략적으로...10 ~ 20초이상 걸렸던 것 같습니다. (더 걸렸던 것 같습니다)

시간이 좀 걸리므로 기다려줍니다

Run | Debug 버튼, 창과, 좌측 메뉴의 각종 설정과 내용이 나온다음에 테스트로 html파일을 만들어 넣어준 다음에 동작시켜 보았습니다.

쫜~

이상없이 잘 돌아가는 것을 볼 수 있습니다!

 

다음으로 프로젝트를 빌드(export)하는 방법 입니다.

빌드를 그냥 Java프로젝트에서 export를 활용하거나, Java 8.0 이상의 버전을 사용해서 빌드하면 아래처럼 요류를 만나게 됩니다.

뭐라고 블라블라.... . . .

 

그러므로 빌드하는 경우 2가지를 꼭 확인하여 주세요.  * 2020년 10월 기준입니다.

아래 2가지 경우는 해서는 안될 실수 입니다.

1. JAVA PROJECTS 탭에서 단순하게 Export Jar를 눌렀다.

2. 자바 버전이 8이 넘어간다.

 

위 경우를 제외하고 빌드하는 방법은 아래 사진처럼 해 주면됩니다.

MAVEN탭에서 프로젝트명에서 마우스 우측을 누르면 선택 가능한 메뉴가 나오게 됩니다.

그리고 3가지 단계에 맞추어서 프로젝트를 빌드하면 됩니다.

순서를 꼭 지켜 주셔야 합니다!

1. clean을 먼저 누른다.

2. install을 누른다.

3. package를 누른다.

MAVEN 탭에서 프로젝트에서 마우스 우측버튼을 누르면 메뉴가 나옵니다.

 

이렇게 하고나면 target 폴더에 빌드한 프로젝트가 나타나게 됩니다.

마찬가지로 동작도 멋지게 합니다..+ㅁ+

잘 돌아가네요!

 

여기까지가 vs코드에서 Springboot 개발환경을 구성하는 방법 입니다.

크게 어렵지 않으므로 천천히 따라하면 쉽게 할 수 있습니다.

 

반응형
* 위 에니메이션은 Html의 캔버스(canvas)기반으로 동작하는 기능 입니다. Html 캔버스 튜토리얼 도 한번 살펴보세요~ :)
* 직접 만든 Html 캔버스 애니메이션 도 한번 살펴보세요~ :)

댓글