일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- vanilla-extract
- amplify
- react server component
- Critical Rendering Path
- async
- JavaScript
- next hydration
- Babel
- SWC
- 목킹
- styled-component
- CSS-in-JS
- mockoon
- react-native
- link
- sprinkles
- 아키텍처
- Basic
- 리액트
- 개발자
- 리액트네이티브
- 동기
- front-end mocking
- MSW
- React
- Concurrent Mode
- 컴포넌트
- mock service worker
- 리액트쿼리
- next.js
- 자바스크립트
- 최적화
- 캐쉬
- 비동기
- react-query
- 쓰레드
- thread
- 기본
- Cache
- 기초
Archives
- Today
- Total
목록cross-orgin-resource sharing (1)
Don’t worry about failures

CORS는 많은 개발자들이 접하는 이슈 중 하나이다. 이번 사이드 프로젝트 하면서도 겪은 아주 흔한 문제이다. 처음에는 단순히 이 문제를 해결하고자 origin을 모두 허용해주는 *를 header에 담아주기만 하고 넘어갔다. 이제는 CORS에 대한 개념을 깊게 파악하고, 필요에 따라 설정을 해주고자 한다. ( 주된 내용은 우테코 유튜브 영상을 참고하여 정리하며 기입된 내용입니다.) 개념 웹 페이지 상의 제한된 리소스를 최초 자원이 서비스된 도메인 밖의 다른 도메인으로부터 요청할 수 있게 허용되는 구조. - 위키백과 - 단순 글로만 보면 무슨 소리인지 잘 모르기 떄문에 조금 더 길게 늘려보겠다. 우선 CORS에 대해 알아보기 전 SOP를 살펴보자. SOP(Same Origin Policy) 다른 출처의 리..
cs
2021. 6. 20. 12:07