목록CORS (2)

도리쓰에러쓰

[Front-end] CORS란?

1. CORS란? CORS는 SOP(Same-Origin Policy; 동일 출처 정책)를 위한 에러이다. 💡 SOP(Same-Origin Policy; 동일 출처 정책) - 출처가 동일한 프로토콜, 포트번호, 도메인에서만 자원을 사용 가능하도록 하는 보안정책 아래 사진처럼 CORS 에러는 요청 브라우저에서 다른 도메인(프로토콜, 포트번호)을 가진 서버로 요청할 때 브라우저에서 발생하는 보안정책이다. 즉, 요청한 출처와 API의 서버 출처가 다르기 때문에 브라우저에서 CORS 에러가 생기는 것이다. ❓ 출처가 다른 경우는 어떤 경우일까 1️⃣ 프로토콜이 다른 경우 (http ▶ https는 가능하지만 반대의 경우엔 에러 발생) 2️⃣ 도메인이 다른 경우 (www.google.com ▶ www.naver...
Front-end 2022. 8. 3. 16:31
[React] 공공데이터 API에 있는 데이터 출력하기

이번에 개인 프로젝트를 공공데이터포털에서 제공하고 있는 Open API를 기반으로 만들려고 한다. 아래 공공데이터포털 사이트에 가입하여 원하는 API에 대해 활용신청을 하면 된다. 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase www.data.go.kr React 프로젝트 기본 세팅은 아래와 같다. 🔶 프로젝트 기본 세팅 1. 터미널에 npx create-react-app 프로젝트명 입력하여 프로젝트 생성 2. 터미널에 npm install add axios 입력하여 axios 라이브러리 설치 3. App.js에 axios 라이브러리 impo..
React 2022. 2. 22. 02:51
Prev 1 Next