728x90
1. 프로젝트 생성
SpringBoot 프로젝트를 생성한 후 src 폴더와 같은 위치에 react 환경을 구성할 별도의 폴더를 만들어 여기에 create-react-app을 통해 리액트 어플리케이션을 생성했다. 이 부분까지는 아주 간단한 작업이며, 잘 정리해둔 블로그가 많으니 생략하겠다.
2. CORS(cross-origin requests) 문제 해결하기
스프링부트 서버는 localhost:8080에서 실행되고, React 서버는 localhost:3000번에서 실행된다. 이 경우에는 CORS문제가 발생하게되므로 이를 해결 하기위해 Proxy를 별도로 설정해주어야 한다.
cf. 기본 컨트롤러를 Rest Controller로 설정
백엔드 서버에서는 대부분의 경우에 데이터를 JSON 형태로 전달할 것이므로 Rest Controller로 설정한다.
반응형
'Backend > Spring' 카테고리의 다른 글
| Spring) Spring환경에서의 단위 테스트(JUnit5, Mockito) (0) | 2024.03.26 |
|---|---|
| Spring) 도커로 이전 버전 H2 컨테이너 생성해 프로젝트와 연동하기 & EntityManager 사용해 CRUD하기 (1) | 2022.11.20 |
| Spring) 실제 프로젝트가 실행되는 실제 경로 구하기 (0) | 2022.01.16 |
| Spring) MyBatis 동적 쿼리(매개변수 작성 시 $와 #의 차이) (0) | 2022.01.16 |
| Spring) 이미지 데이터(BLOB 타입)을 데이터베이스에서 가져와서 파일화하기 (0) | 2022.01.16 |
