🌐 Web/React

[React + Spring Boot] Spring Boot(eclipes)와 React 연결(1)

dlalwl_jpg 2023. 4. 7. 13:35

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