vscode spring개발환경 구축하기

국물빌런·2020년 2월 8일
1

이클립스가 너무 무겁기도하고 툴을 여러개 쓰니 단축키도 맨날 헷갈려서
요즘 핫한 vscode로 web개발을 하려고 한다.
근데 애초에 내가 spring환경 개발을 많이 해보지도 않았고 정확한 의존관계도 다 알고있지 않아서 애좀 먹었다.

일단 윈도우는 성공적으로 프로그램 구동까지 성공했다.
뭐 이것저것 설치했는데 아마 모르긴 몰라도 많이 꼬여있을것이다.
하지만 툴의 종속성을 줄이고 역할을 다시 한번 파악 했다는것에 의미가 있다고 생각한다.

지금 맥으로 다시 정리하면서 시도해보려고 한다.

큰 과정은 아래와 같다.
1. vscode 설치
2. java 설치
3. maven 설치
4. tomcat 설치
5. vscode 플러그인 설치
6. git으로 레포지터리 clone
7. tomcat, maven, junit등과 연동 확인
복잡하다..이클립스가 IDE로써 잘 되있긴 하구나 라는 생각이 든다.
설치 순서에 크게 의미가 있진 않다.
결국 7번과정 하기전에만 다 되어 있으면 된다
한동안은 이클립스와 vscode를 같이 쓰면서 코딩은 vscode로,
설정은 이클립스를 써야 할듯하다.
문제가 생겼을때 이클립스환경에서 조치가 내용이 훨씬 많기 때문이다.

vscode설치

는 그냥 다운 받아 설치하면 된다.
별도로 설명이 필요할 것 같진 않다.

java설치

나는 brew를 이용하여 설치했다.
brew tap AdoptOpenJDK/openjdk
brew cask install adoptopenjdk8
java -version
아래 링크를 참고 하자.
https://findstar.pe.kr/2019/01/20/install-openjdk-by-homebrew/

maven 설치

이클립스의 경우 메이븐이 기본적으로 내장되어 있어서 별도로 설치가 필요 없었는데 vscode는 기본 내장되어 있지 않다. 물론 플러그인으로 있지만 메이븐 설치 플러그인이 아니라 메이븐 연동 플러그인이므로 따로 설치해주어야 한다.
brew install maven
아래 링크를 참고하여 설치하자
https://m.blog.naver.com/sthwin/221165219790

brew로 설치하려 하니 아래와 같은 에러가 난다.
xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun
Error: An exception occurred within a child process:
CompilerSelectionError: maven cannot be built with any available compilers.
Install GNU's GCC:
brew install gcc
gcc 를 설치하라고 하니 해보자
brew install gcc

이번엔 다른 에러다
Suhunui-MacBookPro:manual-merge suhunson$ brew install gcc
xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun
Error: The following formula
gcc
cannot be installed as binary package and must be built from source.
Install the Command Line Tools:
xcode-select --install
시키는대로 해보자.
xcode-select --install

image.png

찾아보니 xcode툴이란다. xcode 관련 패키지는 설치하기 싫었지만 어쩔수 없다. 설치해보자
아래 링크를 참고하였다.
https://seeds.tistory.com/688
설치 확인
xcode-select -v
xcode경로 확인
xcode-select -p
/Library/Developer/CommandLineTools
위 경로로 나와야 한단다.
다른 경로면 인터넷 찾아서 위 경로로 바꿔주자
난 저 경로였다.

이제 다시 역순으로 해보자.
brew install gcc
성공..근데 사실 gcc가 꼭 필요했는지는 모르겠다
brew install maven
mvn -version
나는 3.6.3이 설치되었다.
환경변수 세팅
vi ~/.bash_profile
export M2_HOME=/usr/local/Cellar/maven/3.3.9/libexec
export M2=M2HOME/binexportPATH=M2_HOME/bin export PATH=PATH:$M2_HOME/bin
추가후
source ~/.bash_profile
설치 성공

톰갯 설치

톰캣도 마찬가지로 기본적으로 내장되어 있지 않다. 이건 이클립스도 마찬가지다. 톰캣도 brew로 설치했다.
brew install tomcat@7
아래 명령어로 톰캣7을 설치함
아래 링크 참고하자
https://whitepaek.tistory.com/12

vscode 플러그인 설치

일단 spring이니까 당연히 자바 플러그인 설치
Java Extension Pack
해당 플러그인을 설치하면
maven, junit, debuger, dependency viewer등 자바 개발을 위한
플러그인들이 같이 설치된다.

다음은 톰캣연동 플러그인 설치
tomcat for java

다음은 스프링 플러그인 설치
Spring Boot Extension Pack
이 플러그인 또한 스프링 관련 확장들 묶음이다.
한번에 스프링 개발 환경에 필요한 것들이 설치된다.

image.png
이것 저것 많이 생겼다.

git으로 레포지터리 clone

아..근데 깜박하고 안적었는데 git도 vscode에서 연동만 지원할 뿐 수동으로 설치를 해주어야 한다.근데 git은 설치 되어 있다고 가정한다.
나는 콘솔에서 git clone로 프로젝트를 받고 원하는 폴더를 vscode로 여는 방식으로한다.

git clone https://github.com/sonsoohoon/spring-board.git
저 링크는 내 스프링 게시판 레포지터리다.
프로젝트 최상위디렉토리로 가서 code .이라고 쳐주자.

tomcat, maven, junit등과 연동 확인

환경 세팅은 끝났다, 이제 하나하나 확인해보자
먼저 톰캣이 제대로 연동되는지 확인해보자
먼저 톰캣을 프로젝트에 등록해야한다.
맥은 libexec디렉토리를 선택해서 등록해야한다.

image.png

등록후 잘 동작하는지 확인 해보자

image.png
톰캣 연동 성공

정상적인 메이븐 프로젝트라면 메이븐 탭에 보일 것이다.
마우스 오른쪽 눌러서 maven명령어를 실행했을때 터미널에 명령어가 보이면 잘 연동됫다고 본다
메이븐 연동 성공

image.png

참고로 메이븐 컴파일 순서는 clean, install, package순이다.
컴파일을 완료하면 target디렉토리에 war파일이 생길것이다.
그 war파일을 톰캣으로 실행시켜보자

image.png

image.png
자르가 배포된 것을 볼 수 있다.
vscode는 루트 url로 접속하면 저렇게 배포된 맵들을 바로선택할 수 있어서 좋다.
근데 눌러봤는데 엑박뜸..ㅋㅋ
생각해보니 디비가 없다..

mysql을 설치하자.
나는 5.7을 설치했다.
아래 링크에 mysql 설치 및 설정이 자세히 나와있다.
https://whitepaek.tistory.com/16

image.png

성공이다.

profile
국물을 달라

3개의 댓글

comment-user-thumbnail
2020년 4월 23일

안녕하세요!
저는 개발자는 아니구 퍼블리셔구요
뭐가 뭔지 잘은 모르지만 안되는게 있어서 질문 한번 남겨봅니다

원래 이클립스에서 작업하던 프로젝트를 vscode에서 열었는데요,
jsp를 수정하면 반영이 잘 되는데
css나 js 같은 리소스들을 수정하면 반영이 안되네요... ㅜㅜ

mvn compile 을 수동으로 해줘야만 확인이 되더라구요

혹시 이유를 아실까요?

1개의 답글