[임시] M1으로 Spring boot + 바닐라 자바스크립트 프로젝트 실행하기

왜 이 글을 쓰는가?

 

React만 쓰다가 Spring boot + 바닐라 자바스크립트 프로젝트 코드를 리액트로 바꾸는 경험을 하게 되었습니다.

Spring boot + 바닐라 자바스크립트 프로젝트를 경험해 본 적이 없어서

처음에 프로젝트 실행하는 법 부터 헤맸습니다.

 

사전 준비물

우선 프로젝트 실행전에 mvn 과 java가 설치가 되어있는지 확인해야합니다.

확인하는 법은 간단합니다.

// mvn 설치 확인
mvn -v

// java 설치 확인
java -version

 

만약 설치가 안되어 있다면 아래의 순서대로 설치를 진행해주세요!

 

 

우선 홈브류로 mvn을 설치해줍니다.

// 홈 브류
brew install mvn

 

그 다음 java를 설치해줍니다.

1. zulu 다운로드 사이트 방문 https://www.azul.com/downloads/#zulu
2. 원하는 버전 설치 (dmg 추천)
3. open .zshrc (zsh or bash 열기)
4. zshrc 에 아래 문구 입력

# 아래 11은 11버전을 뜻합니다. (본인이 설치한 버전으로 수정해주세요!)
export JAVA_HOME=$(/usr/libexec/java_home -v 11)
export CLASSPATH=/Library/Java/JavaVirtualMachines/zulu-11.jdk/Contents/Home/lib
export PATH=${PATH}:$JAVA_HOME/bin

 

다시 설치 확인을 해줍니다.

// mvn 설치 확인
mvn -v

// java 설치 확인
java -version

 

mvn과 java가 모두 설치가 완료 되었다면,

 

프로젝트는 어떻게 시작하면 되나요?

Spring boot 프로젝트에 pom.xml이라는 파일을 봅시다.

위 파일은 react 프로젝트의 package.json파일과 유사합니다.

pom.xml 파일의 역할은 프로젝트의 의존성 관리를 한다고 보면 됩니다.

 

// mvn 으로 패키지 설치
mvn clean install

// 프로젝트 실행하기
mvn spring-boot:run &

// 웹 브라우저에 로컬호스트 8080포트 열기
localhost:8080

 

마무리

이유없이 그냥 React를 쓰다가 Spring boot + 바닐라자바스크립트 환경을 경험하게 되었습니다.

처음 경험해보는 환경이라 많이 헤맸지만, react 프로젝트랑 매칭을 하면서 작업을 하니 

이해하기가 한결 쉬워졌습니다.

이 다음에는 pom.xml에 파일에 대해서 조금 더 자세하게 알아보겠습니다.