# cors

54개의 포스트
post-thumbnail

CORS 원인 및 해결방법

CORS (Cross-Origin Resource Sharing)🚨 Access to fetch at ‘https://api.lubycon.com/me’ from origin ‘http://localhost:3000’ has been blocked

2020년 10월 18일
·
0개의 댓글

CORS : Cross-origin Resource Sharing

CORS는 무엇이고, SpringBoot에서는 어떻게 처리해야하는지 정리한 내용입니다. Origin? > Protocol, Domain/Host, Port 3가지에 의해 결정되는 개념으로 서버의 위치를 찾아가기 위한 가장 기본적인 값들을 합친것입니다. Port는 기본 포트 번호가 정해져있어 생략해서 쓰이는 경우가 많습니다. RFC 2616 - 3.2.2...

2020년 10월 15일
·
0개의 댓글
post-thumbnail

React (CORS / http-proxy-middleware)

CORS(Cross-Origin Resource Sharing) > '교차 출처 리소스 공유' 라는 뜻을 가지는 해당 정책은 서로 다른 서버에 request를 할 때 보안상의 이유로 교차 출처 HTTP 요청을 제한하는 것이다 > 현재 개발하는 단계에서 볼 때 reac

2020년 10월 13일
·
0개의 댓글
post-thumbnail

[Interview prep] Security policy

Reference 많은 모던 브라우저들은 브라우저를 안전하게 보호하기 위해 (해킹, 바이러스등으로부터) "security policy"를 따른다. Same Origin Policy A 서버에 있는 documents들은 A 서버 안에 있는 documents끼리만 인터

2020년 9월 20일
·
0개의 댓글
post-thumbnail

[Spring Boot] CORS와 Preflight에 관한 이슈

이 포스트에서는 CORS와 Preflight 관련 이슈에 대해서 정리 해보려고 한다.

2020년 9월 20일
·
0개의 댓글

CORS( Cross-Origin Resource Sharing)

CORS는 Cross-orign Resource Sharing 의 줄임말로, 한국어로 직역하면 교차 출처 리소스 공유라고 해석 할 수 있습니다.한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근 할 수 있는 권한을 부여하도록 브라우져에게 알려주는

2020년 9월 8일
·
0개의 댓글
post-thumbnail

CORS

Cross Origin Resource Sharing = CORScross origin에서 리소스(서버자원)을 요청하여 사용한다.= 와일드 카드라는 의미를 가지고 있다.OPTIONS는 MDN에서 한번 참고해보기

2020년 8월 28일
·
0개의 댓글

[React 리팩토링 #4] 예발자 프로젝트에 Redux 적용하기

사실 예발자 프로젝트는 앱 규모가 복잡하지 않고, 동적으로 state 값이 변할 일이 없기 때문에 굳이 상태관리 라이브러리가 필요 없을수도 있겠지만, 편리함을 경험해보자는 취지로 redux를 사용해보기로 했다.

2020년 8월 14일
·
0개의 댓글
post-thumbnail

CORS

이전의 브라우저 정책으로는 도메인이 다르면 요청을 주고 받을 수 없었다.그러나 CORS를 통해 다른 도메인과 요청을 주고 받을 수 있게 되었다.그렇다면 그이유가 무엇인지 알아보자.이전의 웹 브라우저에서 서버와 통신하는 방식을 살펴보면 아래 그림과 같다.브라우저에서 요청

2020년 8월 13일
·
0개의 댓글

immersive TIL #12

express

2020년 8월 13일
·
0개의 댓글

CORS

CORS란 무엇인가 CORS는 Cross Origin Resource Sharing의 줄임말로 도메인 주소가 다른 서버에 http request를 전송하는 것을 이야기한다. 예를 들어 naver.com에서 api.google.com으로 http request를 보내면 CORS가 되는 것이다. 유의할 점! top level domain만 틀려도 CORS라...

2020년 8월 13일
·
0개의 댓글
post-thumbnail

Westagram Project: API 소통 및 로그인 데코레이터

진정한 백엔드 개발자로 가는 첫 걸음. 회원가입 기능을 장고로 구현해보자.

2020년 8월 13일
·
0개의 댓글

React #11 Cors에러, Redux 좀더 들여다보기

이전에 cors정책에 위배된다는 에러가 발생했었는데, 그땐 cors()패키지를 사용해서 해결되었었다.마찬가지로 router에 cors()를 추가했는데 왜인지 되지않았다.cors('접속을 시도한 URL')으로 경로를 추가해주니 정상적으로 요청헤더, 응답헤더가 출력되었다.

2020년 8월 12일
·
0개의 댓글

Browser Security

브라우저는 항상 위협을 받는다. 그 이유 중 하나는 자바스크립트를 구동하기 때문이다. 왜냐하면 자바스크립트로 할 수 있는 것들이 많기 때문이다. ajax call을 해서 api를 호출해서 데이터는 받거나 전송할 수도 있고, 다이다믹하게 DOM을 제어 할 수도 있고, 인

2020년 7월 18일
·
0개의 댓글
post-thumbnail

프론트, 백 서버간의 정보 교환 (Proxy를 쓰는 이유, CORS)

같은 서버가 아닌곳에서 리소스를 가져올 때(get, post 요청 등) 제한되면서 에러가 뜨는데 이 원리가 CORS이다.예를 들어 내 사이트에서 naver의 정보를 axios로 가져오려고 할 때 에러가 뜨는데 이는 내 사이트와 Naver가 같은 서버가 아니라 CORS에

2020년 7월 6일
·
0개의 댓글

[TIL] CORS

곤대 스터디 1주차 금요일 나의 발표 주제 CORS.. 기업 협업의 막바지의 주요 이슈였던 CORS.. 너 왜 안됐던 거니? CORS 정책 Cross Origin Resource Sharing의 줄임말로, 직역해 보자면 Cross-Origin의 Resource를

2020년 7월 3일
·
1개의 댓글
post-thumbnail

[TIL] 2020. 07. 02. Browser_Security

CORS는 도메인 또는 포트에서 다른 서버의 리소스을 요청할 경우 이를 허용하는 매커니즘을 말한다.따라서 같은 서버의 리소스를 요청할 경우는 CORS 이슈가 발생하지 않는다.다른 서버의 리소스를 요청할 때 비로서 CORS 이슈가 발생하며 이 요청을 받아들일 지 말지에

2020년 7월 2일
·
0개의 댓글
post-thumbnail

콜록콜록, CORS!

통장을 스쳐가는 월급같은 글입니다!

2020년 6월 24일
·
0개의 댓글
post-thumbnail

HTTP history, method, CORS

HTTP version, HTTP method, CORS

2020년 6월 22일
·
0개의 댓글