![[개발&이슈] React - SpringBoot : CORS 문제](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FCEJ9h%2FbtsAFyBoxHz%2FqSlGduaa0F13JWjPXXQl5k%2Fimg.jpg)
1. 오류 발생 진행중인 프로젝트 개발에서 프론트는 ReactJS, 백은 Springboot 를 사용하며 진행하고 있었다. 나는 프론트 인원중 한명으로 UI 구현을 전부 마치고 데이터파싱을 위해 백엔드 서버와 통신하여 데이터를 교환하려고 시도했다. 즉, 다른 호스트에서 클라이언트와 서버가 각각 돌아가고 있었다. 그런데....! CORS 문제가 일어났다... 그다음에 드는 생각은... CORS 가 뭐지? 2. 쓰던 방식에 대한 고찰 쓰던 방식을 코드로 적으려면 너무 길어지니 간단하게 React에서 axios와 async - await를 이용해 데이터를 받아올때까지 기다리고 Promise 객체를 반환받는 과정이다. 그럼 CORS는 뭘까? 브라우저에서는 보안적인 이유로 cross-origin HTTP 요청들을..
![[개발&이슈 : React] process.env.PUBLIC_URL](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb6LfMK%2FbtsAx0qIt3M%2FSOqW5AGHE7eFaIq1KlMwY1%2Fimg.jpg)
1. 오류 발생 도대체 왜지??!?!?!? 2. 쓰던 방식에 대한 고찰 React의 디렉토리중 public 폴더에 images 폴더를 만들고 그 안에 이미지를 담아 이런식으로 사용했다. 사실 뭣도 모르고 그냥 인터넷에서 사용하는대로 process.env.PUBLIC_URL을 사용했다. 저게 뭔지도 모른채... 우선 React 프로젝트를 생성하고 나면 public src 내가 현시점에서 건들 수 있는 디렉토리는 이렇게 두가지로 나뉜다. 나는 여기서 Public 디렉토리에 images 디렉토리를 만들고 이미지파일을 넣었는데 이렇게 하니 jsx파일에서 img source를 불러올때 문제가 되었다. 따라서 process.env.PUBLIC_URL + "이미지경로"을 사용하여 이를 해결해왔다. 그렇다면 proce..