[Dev] Spring | VSCode를 활용한 웹 프로젝트 개발 환경 (1)

Spring이란?  JAVA를 활용한 코딩을 쉽게 사용할 수 있게 해주는 오픈소스 프레임워크이다.
프레임워크란 ?  소프트웨어나 코딩을 쉽게 사용할 수 있게 해주는 개발 플랫폼이다. 쉽게말해 java를 활용하여 백지장에서 시작하던 것을 기본 뼈대(MVC구조)를 제공하여 코딩의 기반을 제공해 주는 것.

저는 현장적용 실전을 위한 개발 환경을 빠르게 구성할 수 있는 방법을 기록합니다. Spring, 프레임워크, MVC 등 자세한 이론 설명은 생략합니다.

제가 테스트해보고 정상 동작을 확인한 내용을 기록합니다.

1. 사전준비

   (1) JDK 설치 (아래 주소에서 OpenJDK 14버전 설치)

    jdk.java.net/archive/

Archived OpenJDK GA Releases

   (2) JDK 환경변수 설정

    다운로드 받은 JDK zip파일을 압축해제하여 C:\ 밑에 저장(또는 이동)
    Windows 키 + r 눌른 후 실행창에 "sysdm.cpl ,3" 입력, 환경변수항목에 아래와 같이 설정

   (3) 설정 정상 여부 확인

2. Visual Studio Code 실행 

   (1) Visual Studio Code(이하 VSCode) 다운로드

  code.visualstudio.com/download

Download Visual Studio Code - Mac, Linux, Windows

   (2) VSCode에서 좌측 Extensions 메뉴를 통해 Spring Boot Tools 설치

 

 

여기까지만 VSCode를 준비하고, MVC 구조(틀)을 위해 STS를 다운로드 하였습니다. 이 부분은 생략해도 되며, MVC구조를 위해 직접 디렉터리(폴더)를 만들어도 됩니다.

3. STS 다운로드 및 실행

   (1) STS 다운로드

  github.com/spring-projects/toolsuite-distribution/wiki/Spring-Tool-Suite-3

spring-projects/toolsuite-distribution

   다운로드 받은 STS의 RELESE폴더에 보면 STS.exe 파일이 있으며, 이를 실행합니다.

   (2) MVC 구조 프로젝트 생성 

    - Alt + Shift + N 을 눌러 Spring Legacy Project를 클릭
    - Project name을 지정(demo00)하고, Templates의 "Spring MVC Project"를 선택 
    - (중요) Location의 해당 프로젝트가 저장될 경로 확인 또는 직접 지정
    - Package명을 입력(com.infraboy.web) 후 Finish

    !중요 : MVC 구조로 정의된 Spring 프로젝트를 기반으로 VSCode에서 해당 프로젝트를 불러올 예정
    이제 STS는 필요가 없음.

4. VSCode에서 STS로 생성한 프로젝트 Open

   아래 좌측 그림과 같이 WEB-INF하위 root-context.xml 등과 같은 구조 확인. (이부분을 직접 만들지 STS로 만들지는 선택해야 되는 것 같습니다. ) 다른 방법이 있다면 Comment 꼭 부탁 드립니다. 

WEB-INF 하위 경로 확인, STS없이 VSCode에서 Maven Project 불러오면 이게 없음.

 

다음 장에서는 MySQL 연동, Mybatis 연동을 하여 VSCode에서 정상구동 되는 방법 포스트 예정!

 

 

 

[참고서적] 코드로 배우는 스프링 웹 프로젝트 (남가람북스)