Spring Boot & React 연동

카테고리 없음

98kg 2024. 3. 7. 20:01

1. OS : Widow

2. JDK: 17

3. IDE : Eclipse

스프링부트 프로젝트 생성

터미널을 이용해 해당 프로젝트 폴더로(스프링부트 프로젝트 경로) 이동 한 후 src/main하위 경로에 react 프로젝트를 생성한다

cmd 경로 이동 명령어
d: -> d 드라이브 이동
cd {이동한 경로 입력}
npx create-react-app {프로젝트 명} -> react 프로젝트 생성
npm start -> react 프로젝트 실행

2-1. npx create-react-app {프로젝트 명} -> react 프로젝트 생성

* 꼭 Spring Boot 프로젝트에 src/main 하위 경로에 생성해줘야한다 꼭!!!

설치 되는데 시간이 좀 걸린다 기다려보자....

참고로 cmd 에서 해도되고 각 IDE 에 터미널로도 가능하다.

tip) 중간에 want ^ 어쩌구 나오면 ctrl + c 터미널에 입력

2-2. cd {리액트 프로젝트명} 으로 이동한다.ㅡ

2-3.이동 후 npm start 명령어를 입력해 react 프로젝트를 실행한다.

tip ) 프로젝트 중지 -> ctrl + c

실행이 정상적으로 되면 자동으로 브라우저가 뜬다

2-4 리애긑 프로젝트를 종료 후 터미널에 code . 을 입력하면 Vscode 로 react 프로젝트 폴더가 열린다.

여기서 code 와 . 사이에 공백 한 칸이 있다.

이렇게 코드가 열린다.

연동까지 하면 길이가 너무 길어지니 다음 포스트에서 작성해보겠다.

보고 공부 했던 링크