[VScode] Visual Studio Code 프로젝트 생성 (Spring boot) Web Server

 

이전 블로그에서 VSCode 설치를 완료 하였다.  이번에는 Spring Boot Gradle 프로젝트 생성을 하여 웹서버를 만들어 보겠다. 

https://hmhjj.tistory.com/20

[VScode] Visual Studio Code 설치

 

VScode 프로젝트 생성 ( Spring Boot )

VScode를 실행한다. 

 

프로젝트 생성을 위한 Command Palette 화면을 띄운다. 단축키 Ctrl+Shift+P 누르면 바로 뜬다. 

 

Command 창에 Spring 이라고 치면 관련 된 항목들이 나온다.

여기서 Spring Initializr: Create a Gradle Project 를 누른다. Maven 도 지원하니 선택해서 사용 하면 된다. 

 

이제 Spring Boot 프로젝트를 만들기 위한 설정을 진행한다. 

Specify Spring Boot version. 선택 화면으로 2.6.1로 진행 한다. 아래 버전을 구지 쓸 이유는 없다.

SNAPSHOT 은 완전하지 않은 업데이트가 이루어지고 있는 버전을 말한다. 

 

다음으로 Specify project language로 언어를 Java를 선택하자.  

 

Group Id 를 입력한다. JAVA 패키지명으로 사용 되는데 여기선 com.server로 입력 하겠다. 

 

Artifact Id 입력하라고 나오는데 webserver 로 사용해서 진행 한다. 

 

Packaging type 선택 부분이다. tomcat를 포함한 서비스를 위해 Jar 를 선택한다. War 의 경우에는 따로 web server가 필요하다. 

 

다음으로 Java version 선택 부분인데 설치 된 버전으로 설정하면 된다. 여기선 이전에 설치한 8 버전으로 진행한다. 

 

이제 종속성(dependencies 선택하는 부분이다. Spring 관련 된 라이브러리를 사용할 수 있게 설정하자. 

 

Spring Boot DevTools 와 Spring Web 을 선택하여 진행한다. 간단히 웹서버 사용에 필요한 항목이다. 

선택 완료 화면으로 Enter 나 클릭하여 진행하자. 

 

폴더 선택 화면이 나온다. 어디에 프로젝트를 만들지 설정하는 화면으로 원하는 위치에 만들어 주자. 

 

오른쪽 하단에 팝업을 클릭해서 프로젝트 Open 하자. 

 

신뢰하는 폴더인지 확인한다. 권한 문제 때문에 물어보는거 같다. 가운데 모든 파일을 신뢰한다고 체크하고 Yes를 눌러 진행하자. 

 

왼쪽에 프로젝트 화면이 나오면서 gradle 프로젝트가 완성 되었다. 

 

여기까지 작업은 Spring Boot 홈페이지에서 프로젝트를 받아 바로 사용이 가능하다.

https://start.spring.io/ 페이지에 접근하여 아래와 같이 설정 후 GENERATE를 하면 압축 파일이 생성된다. 

 

압축 파일을 풀고 Vscode 시작 화면에서 폴더를 열면 위에서 설정한 상태가 된다. 

 

먼저 build.gradle 파일을 확인해 보자. plugin에 org.springframework.boot 프레임워크와 종속성 설치를 도와 줄 io.spring.dependency-management와 java로 설정 되어 있다. dependencies 에 서버에 필요한 web 설정과 개발에 도와 주는 devtools 과 프레임 워크 단위 테스트에 필요한 starter-test가 들어가 있다. 

 

이제 자동 생성 된 메인 소스 코드를 확인해 보자. src-main-java-com-server 폴더 구조로 되어 있다. 

 

이제 새로 controller 생성을 위한 패키지를 만들어 보자. 편집창에서 Ctrl+Shift+e를 누르면 탐색창으로 이동한다. 

팁으로 다시 편집창으로 오려면 Ctrl + 1 누르면 된다. 추가로 탭 이동하려면 Alt + 1~  눌려서 이동하면 된다. Alt + 0은 첫번째 탭.

 

sever 폴더에서 새로 controller 폴더를 생성한다.

이제 controller 폴더에 HomeController.java 파일을 생성하여 코드를 넣어보자. 

 

그럼 파일이 생성되면서 기본 코드가 작성되며 파일 속성을 선택하는 화면이 나온다. 여기서는 class로 사용한다. 

 

VScode에서도 자동 완성기능이 잘 되어있어 public class 라인 위에서 @Rest만 치면 관련 항목들이 뜬다.  enter 혹은 tab을 누르면 완성 된다. 

 

아래 코드를 복사해서 사용해 class 안에 넣어 보자.

@RequestMapping("/hello")
public String homehello() {
	return "hello world!!";
}

 

소스를 보면 RequestMapping에 언더바가 생긴다. 문제가 있다는 표시이다. 

 

커서를 이동하여 느낌표를 클릭하거나 Ctrl + . 을 클릭하면 해당 에러에 대한 해결 방법들이 나온다 여기선 import 문제이니 첫번째 항목을 선택해 준다. 

 

이제 소스는 다 작성하였으니 실행해 보자. 메이 소스로 돌아와 main 함수 위에 보면 Run | Debug 표시가 있다. Run 을 클릭하면 시작 된다.  그냥 F5 누르면 시작 되긴 하다. 

 

하단에 TERMINAL이 뜨면서 메시지가 주욱 올라오면서 서비스가 시작 된다. Started WebserverApplication 으로 정상 작동을 확인 할 수 있고, 바로 위에 8080 포트로 서비스가 시작 되었는지 확인이 가능하다. 

 

이제 브라우저에서 접속을 해보자.  http://localhost:8080/hello 로 접속하면 'hello world!!' 를 확인 할 수 있다.