박주니 개발 정리

설명 전) react 환경에서 npm start로만 진행할경우 충분히 packasge.json에서 "proxy" 추가해서 서버 경로를 연결하면 됩니다. 하지만 실서버 적용시 build 진행하는 경우에는 프론트에서 적용한 것보다는 서버에서 설정을 해야하기 때문에 서버측에 cors proxy를 별도 설정해주셔야 합니다. 프론트에만 수정한다고해서 build환경에는 cors 에러를 해결하실 수 없습니다. 먼저 spring boot 환경이 설정되었다는 조건하에 설명 진행하겠습니다. 1. WebConfig.java 파일을 생성하고 CorsRegistry를 mapping 진행합니다. 추가 설명) 저는 서버 개발을 laravel, nodejs로 진행했기 때문에 spring boot는 proxy 이슈 해결을 위한 용도로..

설명 이유 처음에 laravel로 진행할 때 nginx로 프론트와 백엔드 경로를 맞추다보니 프론트에서 proxy 설정을 하지 않아도 cors 에러가 발생하지 않았습니다. 그런데 spring를 서버로 해서 이미 설정된 host에 맞출려고할 때 생각처럼 되지 않았는데 그때 사용하는 것이 proxy라는 것을 알았습니다. proxy 는 일반적으로 서버와 클라이언트 사이에서 요청을 중개하고 수정하는 역할을 개념만 알았지 어떻게 이용되는 지는 잘 알지 못했지만 이번 계기로 정확하게 알게 되었습니다. 사용 방법 1. package.json에 proxy를 설정합니다. "proxy": "http://localhost:3001/" 설명 여기서 host 경로는 백엔드에서 값을 보내고 있는 host를 넣으시면 됩니다. 2. ..