# cors

472개의 포스트
post-thumbnail

CORS는 왜 자꾸 내 눈 앞에 나타날까?

흔히 프로젝트를 진행하는 중에 로컬에서 api 서버 주소로 연결 요청을 하면 한번 쯤은 마주치는 그녀석.

약 10시간 전
·
0개의 댓글
·

TIL. Web Server 기초

CORS 개요 CORS 에러 CORS가 필요하게 된 배경인 SOP에 대해서 먼저 알아보자. SOP SOP은 Same-Origin Policy의 줄임말로, 동일 출처 정책을 뜻함. = ‘같은 출처의 리소스만 공유가 가능하다’라는 정책. 여기서 말하는 ‘출처(Orig

약 13시간 전
·
0개의 댓글
·
post-thumbnail

CORS를 알아보자

웹 개발자라면 한번쯤은 봤을만한 CORS 정책을 정리해 보려고 한다.

약 19시간 전
·
0개의 댓글
·

[JavaScript] CORS, SOP

‘같은 출처의 리소스만 공유가 가능하다’는 정책프로토콜, 호스트, 포트의 조합을 말한다.URI를 비교했을 때 이 중 하나라도 다르면 동일한 출처로 보지 않는다.교차 출처 리소스 공유를 뜻한다.mdn - 교차 출처 리소스 공유 (CORS)교차 출처 리소스 공유(Cross

약 19시간 전
·
0개의 댓글
·

노트 #55 | CORS

개요 CORS 의 등장 배경과 CORS 정의, 동작 방식, 설정 방식을 학습합니다. 학습 목표 SOP에 대해 이해할 수 있다. CORS에 대해 이해할 수 있다. CORS 동작 방식에 대해 이해할 수 있다. CORS 설정 방법을 이해한다. SOP (Same-Origi

약 22시간 전
·
0개의 댓글
·
post-thumbnail

CORS 기초

(출처: 코드스테이츠 유어클래스)출처(Origin)는 프로토콜, 호스트, 포트의 조합이다.'같은 출처의 리소스만 공유가 가능하다'라는 정책SOP을 통해 해킹 등의 위협에서 보다 안전해질 수 있다.잠재적으로 해로울 수 있는 문서를 분리함으로써 공격받을 수 있는 경로를 줄

약 23시간 전
·
0개의 댓글
·
post-thumbnail

CORS

학습목표SOP에 대해 이해할 수 있다.CORS에 대해 이해할 수 있다.CORS 동작 방식에 대해 이해할 수 있다.CORS 설정 방법을 이해한다.혹시 콘솔창에서 다음과 같은 에러를 보신 적 있는가? 웹 개발을 하다 보면, 이 에러를 적어도 한 번 쯤은 겪을 텐데, 바로

어제
·
0개의 댓글
·
post-thumbnail

SOP,CORS

SOP에 대해 이해할 수 있다.CORS에 대해 이해할 수 있다.CORS 동작 방식에 대해 이해할 수 있다.CORS 설정 방법을 이해한다.SOP은 Same-Origin Policy의 줄임말로, 동일 출처 정책을 뜻합니다.한 마디로 ‘같은 출처의 리소스만 공유가 가능하다’

어제
·
0개의 댓글
·
post-thumbnail

CORS 해결 과정

첫 프로젝트 당시 남겨놨던 노션글

1일 전
·
0개의 댓글
·
post-thumbnail

CORS이슈해결 react

이렇게 작성하면 동일하게 데이터를 불러올수 있다.

3일 전
·
0개의 댓글
·
post-thumbnail

CORS

CORS가 표준화되기 전에는 보안상의 이유로 다른 도메인에서 API endpoint를 호출할 방법이 없었다. 그것은 동일 출처 정책 때문이다.CORS는 사용자를 대신하여 이루어진 요청을 허용하고 동시에 악성 JS에 의해 이루어진 일부 요청을 차단하기 위한 메커니즘이며,

3일 전
·
0개의 댓글
·
post-thumbnail

TIW_220808

gh-pages 배포시 cors 문제 해결 @shopify/draggable 속성 및 drag & drop 구현 Bootstrap Card echarts 공백 제거 방법

4일 전
·
0개의 댓글
·
post-thumbnail

CORS

CORS란?? CORS란 Corss Origin Resource Sharing 약자로 오리진을 크로스해서 데이터를 공유한다는 의미다. 여기서 오리진은 도메인(ip주소)를 의미힌다. corss-origin은 보안적인 이유로 인해 브라우저에서 HTTP 요청들을 제한한다

5일 전
·
0개의 댓글
·
post-thumbnail

CODESTATES NODEJS 서버 CORS

CORS의 등장 배경예전엔 서버에서 내려받은 클라이언트로 받았고, 오리진이 같아서 서버를 의심하지 않음 최근에 싱글페이지 어플리케이션이 등장하면서 다른 서버에 리소스를 요청하는 것이 필요해짐 다른 오리진에서 리소스를 요청해서 사용하기 위해서 Cross Origin R

5일 전
·
0개의 댓글
·

CORS

CORS의 개념브라우저에서는 보안적인 이유로 cross-origin HTTP 요청들을 제한한다. 그래서 cross-origin 요청을 하려면 서버의 동의가 필요하다. 만약 서버가 동의한다면 브라우저에서는 요청을 허락하고 동의하지 않는다면 브라우저에서 거절한다.이렇게 허

5일 전
·
0개의 댓글
·

Express 초기환경 세팅

프로젝트를 진행할 폴더를 만들고 해당 경로로 진입.아래의 npm init -y 명령어를 사용하여 작업을 의도한 어플리케이션에 package.json 파일을 생성. 뒤에 붙는 -y 명령어를 통해 디폴트 값으로 제공하는 기본 설정 값을 남겨둔다.만일 뒤에 붙는 -y 명령어

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

CORS

cors는 추가 HTTP 헤더를 사용하여, 한 출처(접근할 때 사용하는 URL의 스킴(프로토콜, 호스트(도메인), 포트를 말한다. 두 객체의 스킴, 호스트, 포트가 모두 일치하는 경우 같은 출처를 가졌다고 말한다.)에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한

2022년 8월 1일
·
0개의 댓글
·
post-thumbnail

[네트워크] CORS 총정리

웹 애플리케이션은 리소스가 자신의 출처(도메인, 프로토콜, 포트)와 다를 때 교차 출처 HTTP 요청을 실행한다

2022년 7월 30일
·
1개의 댓글
·
post-thumbnail

CORS 이해하기

프로젝트 중 날 힘들게 한 CORS에 대해 정리한 글 CORS란?

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

TIL - 220728

프로젝트를 하면서 CORS 이슈로 너무 고생을 했다.위와 같은 에러가 계속 발생했는데 일주일 동안 원인을 알 수가 없었다. 서버에서 cors 허용 설정을 해줬고 NGINX에서도 해줬고 socket에서도 해줬는데 사이트에 처음 들어올 때 그리고 새로고침 등을 할 때 50

2022년 7월 28일
·
0개의 댓글
·