# cors
Django - 내 로컬 서버에서 외부접속 허용하기(corsheaders)
장고 설정 장고 설정을 먼저 해보자. 외부에서 내 서버에 접속할 때는 CORS에러가 발생할 수 있다. CORS에러는 나의 도메인에 다른 도메인이 데이터를 요청할 때 허용되지 않아 생기는 오류인데, 좀 더 자세한 설명은 아래 링크를 확인해보자 Django CORS 설정과 API 연동 장고에서는 CORS를 해결하기위한 패키지를 제공하고 있다. 아래의 명령...
HTTP(HyperText Transfer Protocol)
HTTP란? 클라이언트와 웹 서버간에 데이터를 주고 받는 것을 텍스트 기반으로 하겠다는 약속이다. 이렇게 약속했기 때문에 모든 프로그램이 이에 맞춰 개발하고 정보를 교환한다. 웹에서만 사용하는 것으로 TCP/IP기반으로 한 지점에서 다른 지점으로 요청과 응답을 전송. 웹서버란? 웹서버는 하드웨어, 소프트웨어 혹은 두 개 모두를 의미할 수 있다. -하...
TIW 1월 29일 - todolist 2 ( db 연동, cors, mysql )
todolist 2 Todo.js ( db 연동 ) 컴포넌트를 렌더링한 후(useEffect) 구축해둔 nodejs-express 서버로 api 요청을 보내도록 했다. 리스트의 key값으로 전역 변수로 0부터 차례로 숫자가 증가하게 했다가 마음에 들지 않아 uuid를 사용했다. cors, mysql cors react 서버는 localhost:3000...
웹에서의 프론트 서버 / 백엔드 서버 (개념) - 네트워크 study6
1. 서버? 서버(server) : 클라이언트에게 네트워크를 통해 서비스하는 컴퓨터를 의미한다. 말그대로 어떤 요청을 원하는 대상에게 요청에 대한 응답을 넘겨주는 모든 것들을 (serve + er) 서버라고 함. 그렇다면 웹에서는 서버는 어떻게 동작할까? 2. 웹에서의 서버 먼저 웹 환경에서는 브라우저가 클라이언트 역할을 한다. 주소에 어떤 도...
CORS 와 해결방법 (express, proxy) - 네트워크 study2
1. CORS란? 같은 주소, 같은 포트에 있는 리소스를 불러올 때는 문제가 없지만 다른 출처의 리소스를 요청하게 되면 보안적인 문제로 기본적으로 이를 차단함. CORS (Cross Origin Resource Sharing) : HTTP 헤더를 사용하여 브라우저가 한 출처에서 실행중인 웹 애플리케이션에 선택된 액세스 권한을 부여하도록하는 메커니즘 (...
Same-Origin Policy 동일 출처 정책과 CORS 에러
동일 출처 정책 Same-Origin Policy 동일 출처 정책(same-origin policy)은 어떤 출처에서 불러온 문서나 스크립트가 다른 출처에서 가져온 리소스와 상호작용하는 것을 제한하는 중요한 보안 방식입니다. 동일 출처 정책은 잠재적으로 해로울 수 있는 문서를 분리해, 공격받을 수 있는 경로를 줄입니다. 출처 MDN 즉, 동일 출처 정책은...
로컬에서 CORS policy 관련 에러가 발생하는 이유
🚀 발단 위와 같은 html 파일을 로컬환경에서 크롬 브라우져로 실행시켰더니 >Access to script at 'file:///C:/경로/js/module.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protoco...
TIL - Server Side HTTP Transaction
Today What I Learned Javascript를 배우고 있습니다. 매일 배운 것을 이해한만큼 정리해봅니다. 1. Client Side Review 2. Server Side - Node.js 3. 작은 서버를 구축해 HTTP transaction 익히기
ELB 로드밸런서 관련 오류를 해결하면서...
계속 작성중인 글입니다. 피드백 환영합니다. 문제 발생 우리 서비스에서 동물 등록을 진행하려면, 동물 보호 시스템에서 다운로드 받은 엑셀 파일을 파싱하여 우리 DB에 업로드 한다. 이 때, 적게는 수십 개, 많게는 수백 개 이상의 동물 등록 데이터를 API 서버에 HTTP 리퀘스트로 보낸다. 최근 업로드한 데이터가 DB에 있던 기존 데이터와 맞는지 검...
HTTP 접근 제어 (CORS) 란?
Cross-Origin Resource Sharing(CORS)는 다른 도메인에서 실행 중인 웹 애플리케이션에서 선택된 자원에 대한 접근 권한을 부여하는 매커니즘입니다. 다른 출처(도메인, 프로토콜 또는 포트)를 가진 자원을 요청 할 때, 웹 프로그램은 cross-origin HTTP 요청을 실행합니다. cors.png 예를 들어, 제가 개발한 API ...
지긋지긋한 CORS 파헤쳐보자
CORS (Cross Domain) 서버와의 통신을 위해 ajax나 XMLHttpRequest를 사용하다보면 CORS 에러가 나오는 경우가 종종 발생합니다. 할때마다 설정 방법이나 우회 방법을 항상 찾다보니 매번 고생하는거 같아 정리해봅니다. CORS 란? CORS는 Cross-Origin Resource Sharing의 약자로 보안상의 이유로, 브라...
CORS에 대한 간단한 고찰
이 포스트에서는 CORS에 대한 이슈에 대해서 다뤄볼려고 합니다. 웹 개발을 하다보면 한번쯤 겪게되는 이슈로 클라이언트와 서버의 오리진이 다를 때 발생하는 이슈입니다. 🤔 CORS? 크로스 도메인? CORS는 Cross Origin Resource Sharing의 약자로 도메인 또는 포트가 다른 서버의 자원을 요청하는 매커니즘을 말합니다. 이...
CORS: Real examples
어디서 많이 본 장면입니다. 에러메시지를 한 번 천천히 읽어볼까요? https://css-tricks.com 의 box-shadow 라는 문서를 불러오는데 실패했습니다.