1. Spring Boot 설정에서 gradle 프로젝트 생성
File > New > Spring Starter Project 를 클릭한다.
그 다음 원하는 프로젝트로 이름만 변경(나머지 변경X)한다. 나는 backend로 하였다.
Next 클릭

Web에서 Spring Web 체크를 체크하고 Finish를 클릭하면

gradle 프로젝트가 생성된 모습을 볼 수 있다.

2. react 프로젝트 생성
File > Open Folder클릭하고 위에서 만든 backend 프로젝트에서 src > main폴더를 선택한다.


View > Terminal 을 클릭하여 터미널에 'npx create-react-app 생성할 파일이름' 입력한다.
나는 frontend로 이름을 만들었다.

설치가 잘 완료되었으면 Happy Hacking! 이라는 문구가 뜬다.

cd '파일이름' 을 입력하고 npm start 입력하고

아래와 같은 화면이 나오면 react 설정 완료이다.

* 아래 글에서 이어집니다!
https://studybook.tistory.com/69
Spring Boot(eclipes)와 React 연결(2)
https://studybook.tistory.com/68 Spring Boot(eclipes)와 React 연결(1) 1. Spring Boot 설정에서 gradle 프로젝트 생성 File > New > Spring Starter Project 를 클릭한다. 그 다음 원하는 프로젝트로 이름만 변경(나머지 변경X)
studybook.tistory.com
참고 - https://sundries-in-myidea.tistory.com/71
Spring Boot와 React를 연동하여 개발환경을 만들어보자
이글을 읽어보기전에!! 한번 고려해볼 점을 제가 적어뒀습니다 한번 참고 해보고 프로젝트를 진행해주세요! [Java/Spring] - Spring Boot와 React를 통한 개발환경을 구성할때 고민해볼점 Spring Boot와 React
sundries-in-myidea.tistory.com
'🌐 Web > React' 카테고리의 다른 글
[React + TypeScript] select 직접 구현하기(1) (1) | 2024.01.22 |
---|---|
[React + Spring Boot] Spring Boot(eclipes)와 React 연결(2) (0) | 2023.04.08 |
06. STATE (0) | 2022.08.16 |
05. 이벤트 (0) | 2022.08.16 |
04. PROPS(속성) (0) | 2022.08.16 |