React + Spring 프로젝트

[React.js + spring] 프로젝트 초기 설정(intellij, vs code)

얼뚱인데요 2024. 6. 10. 18:00

팀원이 해둔 세팅!

 

스프링부트 3.x 버전은 자바 17부터 지원된다고 함. 위를 보면 gradle JVM 버전이 17로 되어있음.

나는 현재 자바 1.8로 되어있어 이 상태로 실행하니 에러가 난다!

 

그래서 sdk 17 새로 다운받고 설정 변경 해줌. (현재 설정되어 있는 버전으로 사용하고 싶으면 위의 코드에서 '17' 부분만 해당 버전으로 수정해주면 됨)

 

File - Project Structure - Project Settings - Project 탭을 눌러 프로젝트 SDK를 변경하자.

 

다운받은 자바 버전이 있다면 목록에서 선택하거나 Add JDK 해주면 되고,

없다면 Download JDK - 다운 받을 경로 지정해주고 선택하면 됨.

 

그 다음은 Gradle JVM 변경 해주쟈

 

File - Settings - Build, Execution, Deployment - Build Tools - Gradle 

 

아까와 동일한 자바 버전으로 변경해주면

 

 

프링이 등장~~ 방가워

 

아, 그리고 이 프로젝트는 백엔드와 프론트 레포를 나누어 운영한다.

이렇게 분리시켜서 해본 게 처음인데다가, 나는 무조건 한 IDE로 프로젝트를 진행해야 하는 줄 알았음.

이 경우에는 어떻게 관리가 되는지 잘 이해가 안가서 팀원들께 여쭤봤다.

30분동안 써치해도 명쾌한 답변이 없었는데 역시!

막히는 게 있으면 경험한 사람들에게 직접 물어보는 게 가장 빠른 것 같다 헤헤

 

다음은 vscode 와 github 연동 방법이다!

https://wikidocs.net/195273

 

05-2. github, vscode 연동하기

![](https://wikidocs.net/images/page/195273/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2023-04-19_093824.…

wikidocs.net

 

고대로 따라했심둥

 

 

연동 하고 파일 열자마자 뜨는 빨간줄

 

의존성 설치 후에 개발모드로 실행해야 한다네요

터미널에 npm install 입력하여 의존성 라이브러리 설치

 

이후 npm start 입력하여 개발모드로 실행하면

 

3000포트로 웹 실행이 되네요

세팅 완료!