CORS

Origin(출처): Protocol과 Host, Post 까지 모두 합친 URL

SOP(Same Origin Policy)의 정책

• 동일한 출처에만 리소스를 공유할 수 있게 한다.
• 악의적인 홈페이지 접속과 정보 보호를 위한 정책

그러나 모든 접근을 제한하기는 어려우니 CORS가 등장했다.

Cross-Origin Resource Sharing, 교차 출처 리소스 공유

• SOP와 반대되는 개념으로 출처가 동일하지 않아도 리소스 공유할 수 있게 한다.
• 즉 이와 관련된 에러는 CORS를 허용하도록 설정하라는 내용이다.

네이버 api를 받아오는 도중 생긴 에러이다. No ‘Access-Control-Allow-Origin’ header, 응답 헤더를 설정해서 출처를 명시적으로 지정해주거나, Proxy 서버를 설정해주면 된다.

Proxy

‘대리’, ‘대신’ 이라는 의미를 지니면 SW분야에서는 클라이언트와 서버 사이에 존재하여 대리로 통신을 수행하는 역할을 해준다.

웹애플리케이션이 프록시 서버에 요청을 보내면, 프록시 서버가 api서버에 요청을 보내어 응답을 받은 후 다시 웹애플리케이션으로 전달해주는 방식이다.

package.json에서 설정