투케이2K

[구 분]​구분 : Network / 네트워크​제목 : CORS (Cross-Origin Resource Sharing) 교차 출처 리소스 공유 설명 [설 명] // --------------------------------------------------------------------------------------[개발 및 테스트 환경]// --------------------------------------------------------------------------------------- 환경 : Web / HTTP- 기술 : CORS (Cross-Origin Resource Sharing)// ------------------------------------------------------..

[구 분]​구분 : Network / 네트워크​제목 : HTTP 통신 CORS Errors 에러 발생 상황 참고 사이트 [설 명] 1. Reason: CORS disabled >> https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS/Errors/CORSDisabled >> 사용자 브라우저에서 CORS가 비활성화 이슈2. Reason: CORS header 'Access-Control-Allow-Origin' does not match 'xyz' >> https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS/Errors/CORSAllowOriginNotMatchingOrigin >> 요청을 보내는 Origin 이..

[개발 환경 설정] ​ 개발 툴 : VS CODE 개발 언어 :NodeJs [사전 설정] ​ ​ [Cors 설명] ​ 1. CORS 는 교차 원본 리소스 공유 의미로, 다른 Origin (도메인 / 프로토콜) 등으로 들어오는 요청을 허용해주는 HTTP 헤더 기반 메커니즘입니다 2. CORS 는 보안상의 이유로 브라우저는 스크립트에서 시작된 교차 출처 HTTP 요청을 제한합니다 3. HTTP 요청 및 승인 절차 : >> HTTP 요청의 경우 브라우저가 요청을 "사전 실행" 하여 서버에서 지원되는 방법을 요청 "Origin" : 해당 위치에서 요청을 보낸다 "Access-Control-Request-Method" : 어떤 메소드의 요청을 보낼건지 물어본다 "Access-Control-Request-Heade..

[개발 환경 설정] ​ 개발 툴 : VS CODE 개발 언어 :NodeJs [사전 설정] ​ ​ [Cors 설명] ​ 1. CORS 는 교차 원본 리소스 공유 의미로, 다른 Origin (도메인 / 프로토콜) 등으로 들어오는 요청을 허용해주는 HTTP 헤더 기반 메커니즘입니다 2. CORS 는 보안상의 이유로 브라우저는 스크립트에서 시작된 교차 출처 HTTP 요청을 제한합니다 3. HTTP 요청 및 승인 절차 : >> HTTP 요청의 경우 브라우저가 요청을 "사전 실행" 하여 서버에서 지원되는 방법을 요청 "Origin" : 해당 위치에서 요청을 보낸다 "Access-Control-Request-Method" : 어떤 메소드의 요청을 보낼건지 물어본다 "Access-Control-Request-Heade..

[구 분] ​ 구분 : Network / 네트워크 ​ 제목 : CORS (Cross Origin Resource Sharing) 설명 - 교차 원본 리소스 공유 [설 명] 1. CORS 는 교차 원본 리소스 공유 의미로, 다른 Origin (도메인 / 프로토콜) 등으로 들어오는 요청을 허용해주는 HTTP 헤더 기반 메커니즘입니다 >> 요청이 어느 주소에 시작되었는지 나타내는 값 = 요청을 보낸 주소와 받는 주소가 다르면 CORS 발생 2. CORS 는 보안상의 이유로 브라우저는 스크립트에서 시작된 교차 출처 HTTP 요청을 제한합니다 >> API 를 사용하는 웹 애플리케이션은 다른 출처의 응답에 올바른 CORS 헤더가 포함되지 않는 한 애플리케이션이 로드된 동일한 출처에서만 리소스를 요청할 수 있습니다 ..