# cors

555개의 포스트
post-thumbnail

[CS] CORS (교차 출처 리소스 공유) 란?

📋 CORS (교차 출처 리소스 공유) 란? 웹 개발자라면 한번쯤 이러한 에러를 마주쳐봤을 것이다. > 🚨 Access to fetch at ‘https://cors.api.com’ from origin ‘http://localhost:3000’ has been

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

CORS의 기본 개념과 동작 방식(부제: Preflight 요청이란?)

우선 Preflight request를 이해하기 위해선 CORS에 대해서 알아야한다. CORS란 Cross-Origin Resource Sharing 의 줄임말로, 직역하면 교차 출처 리소스 공유라는 뜻이다. CORS는 “다른 출처”에 리소스를 요청할 때 지켜야하는 정

3일 전
·
0개의 댓글
·

URL 구성

사용자가 가져오는 리소스들이 안전한지 검사하는 관문프론트 애플리케이션과 다른 origin(출처)를 가진 서버 애플리케이션의 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제Access to XMLHttpRequest at ‘http://{백엔드

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

[HTTP] CORS

빠빠빠 빨간맛~ 궁금해~

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

[TIL] 22.11.22 - CORS, Database

open API 사용 map : return이 있고 속도가 forEach 보다 느림 forEach : return이 없고 반복용, 속도가 map보다 빠름 -> forEach로 9번 요청 -> 기존에 있는 이미지를 덮어쓰게 되므로 setImgUrls에 prev와 스프

5일 전
·
0개의 댓글
·

[네트워크] CORS 정책

브라우저랑(프론트엔드) 백엔드랑 같은 정책 안에 있을 때만 실행된다 → SOP(Same Origin Policy)ex) 네이버 프론트에서 네이버 백엔드 API만 사용할 수 있다. SOP정책에서 데이터 자원을 공유할 수 있도록 변경된 정책 → CORS(Cross Orig

5일 전
·
0개의 댓글
·

[InterView] CORS Error

면접을 보다가 CORS 에러에 대해 질문을 받았다.내가 실제로 현업에서 빌드할때는 JAVA 빌드 환경에서 탬플릿 작업을 하다보니 CORS에 대한 규약에 대해 고민해본적이 없는데, 실제로 출처가 다른 곳에서 리소스 전달을 하면 브라우저 렌더 과정에서 문제가 생긴다고 한다

6일 전
·
0개의 댓글
·

[NestJS] cors와 cookie

다음과 같이 cookie-parser 패키지를 다운받고 쿠키 설정을 해주면, 브라우저로부터 받은 쿠키를 분석할 수 있게 된다.만약 프록시 서버를 사용하여 CORS 설정을 사용할 필요가 없다면, 위의 두줄만으로 쿠키를 쓸 수 있다. 그러나 만약 CORS 설정을 해주었다면

2022년 11월 19일
·
0개의 댓글
·
post-thumbnail

[web] CORS 란?

1. CORS 란? Cross Origin Resource Sharing의 약자. 단어의 뜻은 교차 출처 자원 공유. 기본적으로 내가 이해한 바로는 내가 웹서버에 요청한 웹 페이지에서 다른 서버로부터 자원을 받아올 때 지켜야 할 정책 이다. 예를 들어, > 1. h

2022년 11월 17일
·
0개의 댓글
·

CORS 에러? 그놈이 알고싶다

cors라는 것은 Cross-Origin Resource Sharing의 약자이다일단 이런 문제가 왜 생기는지에 대해 알아야한다서버에 요청을 하다보면 꼭 한번은 만나는 에러이다 현재 클라이언트를 실행해주는 서버는client: localhost:3000(react 개발

2022년 11월 16일
·
0개의 댓글
·
post-thumbnail

Today I Learned 55 - Django / CORS

동일 출처 정책어떤 출처에서 불러온 문서나 스크립트가 다른 출처에서 가져온 리소스와 상호작용하는 것을 제한하는 보안 방식잠재적으로 해로울 수 있는 문서를 분리함으로써 공격받을 수 있는 경로를 줄임두 URL의 프로토콜, 포트, 호스트가 모두 같아야 동일한 출처라고 한다.

2022년 11월 14일
·
0개의 댓글
·
post-thumbnail

DAY05

1. Algorithm Self Study > 가장 큰 수 찾기 str은 무작위 숫자인 문자열입니다. 해당 문자열에서 가장 큰 수를 구하는 함수를 만들어야 합니다. 주의 사항 str에서 각각의 문자를 숫자로 바꿔서 계산해야 합니다. 비교할 수 있는 기준값이 있어야 합

2022년 11월 14일
·
0개의 댓글
·
post-thumbnail

CORS

Restful API를 활용한 통신을 하며 나를 괴롭혔던 CORS에러를 포스팅 해보려고 한다.CORS는 Cross-Origin Resource Sharing 의 줄임말로 교차 출처 리소스 공유라고 해석한다.서버의 위치를 의미하는 https://google.co

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

AWS lambda를 이용한 Proxy 서버 만들고 nodemodule을 추가하고 euc-kr 인코딩 xml 받아오기

Vue를 이용해 쇼핑몰의 껍데기 만들기 프로젝트를 진행중에 API를 받아오는 과정에서 CORS 오류를 만나 Vue 의 devserver 에서 제공하는 proxy를 이용해서 우회를 했었다.당연히 임시방편으로 해놓은 것 이기 때문에 build를 한 후에는 사용 할 수 없는

2022년 11월 4일
·
0개의 댓글
·

CORS

Cross Origin Resource SharingOrigin 사이의 자원 공유를 의미하며서로 다른 Origin 사이의 자원 공유를 차단하는 동일 출처 정책을 따른다.출처를 의미하며 \[ <span style="color: 오리진 설명XMLHttpRequest

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

CORS란? 겸사겸사 SOP란?

브라우저에서 보안적인 이슈로 cross-origin http 요청들을 제한한다. 그래서 cross-origin 요청을 하려면 서버의 동의가 필요하고 만약 서버가 동의한다면 브라우저에서는 요청을 허락하고 이를 동의하지 않는 다면 브라우저에서 거절을 하게 된다.(origi

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

(14) Spring Official Guide - Enabling Cross Origin Requests for a RESTful Web Service

Enabling Cross Origin Requests for a RESTful Web Service guide를 kotlin으로 따라가기

2022년 10월 31일
·
0개의 댓글
·

[Vue] CORS 에러 vue.config.js로 해결

port=3000 이므로 url은 http://localhost:3000 이다.mid와 memberName을 담은 데이터는 http://localhost:3000/api/account 에서 가져올 수 있다.기존에 vue.config.js 없이 'htt

2022년 10월 31일
·
0개의 댓글
·

WIL(5주차 회고)

CORS

2022년 10월 30일
·
0개의 댓글
·

DRF 2-8 Frontend 구성하기

JavaScript (JS) front에서 기본적으로 사용하는 언어. 요즘은 JS 자체가 많이 발전해서 jQuery 쓰지 않고 JS를 사용한다. ajax 통신을 위해 Fetch API를 사용한다. https://developer.mozilla.org/ko/docs/W

2022년 10월 29일
·
0개의 댓글
·