# cors
CORS
동일 출처 정책은 악의적인 사이트에서 다른 사이트의 리소스에 접근하는 것을 막아주지만, 정상적인 접근까지 모두 차단해버린다. 모던 웹 어플리케이션에서는 다른 출처에 공개돼 있는 데이터를 활용하는 경우가 굉장히 많은데, SOP는 이런 경우에도 모든 요청을 차단한다.개발자

Express와 React 연동하기(React에서 Express로 데이터 보내기)
React와 Express를 연결했으니 이제 React에서 호텔이름을 검색하면 서버로 해당 호텔이름을 보내는 기능을 구현해보도록 하겠습니다. 서버에서 프론트에서 검색한 이름을 받아 해당하는 리뷰를 프론트에 보내줘야 하니깐요!그러려면 React에서 Express로 데이터

CORS란 무엇인가?
Cross-Origin Resource Sharing(CORS)은 추가적인 HTTP header를 사용해서 애플리케이션이 다른 origin의 리소스에 접근할 수 있도록 하는 메커니즘을 말합니다. 하지만 다른 origin에서 내 리소스에 함부로 접근하지 못하게 하기 위해
CORS(Cross-Origin-Resource Sharing) 란?
CORS 란? CORS는 Cross-Origin Resource Sharing의 약자이다. 브라우저에서 다른 출처의 리소스를 공유하는 방법이다. 아래의 CORS policy 오류 메시지는 CORS 정책을 위반할 때 발생한다. URL 구조 출처를 알기 위해선 UR

교차 출처 리소스 공유(Cross-Origin Resource Sharing,CORS)에 대해 알아보자
CORS에 대해 알아보면서 MDN와 javascript.info의 설명을 많이 참고했습니다 MDN의 CORS에 대한 설명을 보면 다음과 같습니다 교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)는 추가 HTTP 헤더를 사용하여,

Front-End 면접 질문 대비 Part3 (CORS, http, browser)
아마 프론트 엔드를 개발하시는 분들이라면 한 번씩을 다 CORS에 대해서 보셨을꺼라고 생각합니다. 😫➡️ 여기서 교차 출처란 다른 출처를 의미합니다. 즉 다른 출처로 자원을 요청하면 CORS 오류가 발생하는 것입니다. (하나의 정책)URL을 보면 Protocol, H

[TIL] 20.12.28
웹에서 최저시급 값을 긁어와서 변수로 사용했는데, CORS 문제 발생함. 그래서 해결방법을 찾고 있는데.. webpack에서 proxy 설정도 해보고(실패ㅠㅠ), 스택오버플로우에서 누가 'Moesif' 라는 크롬 확장프로그램을 써보래서 추가도 해 봄.그랬더니 원래 아래

CORS (Cross-Origin Resource Sharing) & Solution
우리가 흔히 알고있는 URL은 다양한 요소로 구성되어 있다.https://blog.naver.com/dnvld1/?page=1 라는 URL이 있다고하면 이는 아래와같이 구성되어 있다.https://-> protocolblog.naver.com -> d

Spring Security 의 다양한 Filter - Part2
목록HeaderWriterFilter CsrfFilter LogoutFilterUsernamePasswordAuthenticationFilter 응답헤더에 시큐리티 관련 헤더를 추가해주는 필터이다.다음과 같은 HeaderWriter 를 사용하여 시큐리티 관련 헤더를 추

TIL] CORS(교차 출처 자원 공유)?
CORS(Cross-Origin Resourc Sharing) 교차 출처 자원 공유 SOP(Same-Origin Policy) 동일 출처 정책

[Node.js] 서버와의 연결/통신 (3) CORS / XSS 💯️
goalBrowserServerAPIHTTPAjaxFetch웹이라는 공간에서 데이터가 어떤 형태로 전달되는지 이해한다서버와 어떻게 통신하는지 이해한다Web Architectures클라이언트, 서버, API의 정의Browser의 역할Browser와 서버와의 연결이 어떤
[Node.js] 서버와의 연결/통신 (1) Browser / Server / API 💯️
goalBrowserServerAPIHTTPAjaxFetch웹이라는 공간에서 데이터가 어떤 형태로 전달되는지서버와 어떻게 통신하는지Web Architectures클라이언트, 서버, API의 정의Browser의 역할Browser와 서버와의 연결이 어떤 규약(protoco
.png?w=768)
CORS & SOP에 대해 알아보자 -2탄
.png) > 출처 [CORS와 HTTP Cookie ](https://chodragon9.github.io/blog/cors-and-http-cookie/) CORS는 왜 이렇게 우리를 힘들게 하는걸까? CORS(Cross Origin Resource Sharing

1주간 나를 힘들게한 nginx설정(feat. CORS)
nginx에서 client_max_body_size가 1MB로 설정돼있어서 발생한 문제를 해결하는 과정을 써보았습니다.