A Developing Developer

DAY 59. SORS Error 본문

내일배움캠프 4기/TIL

DAY 59. SORS Error

H-JJOO 2023. 2. 8. 11:57
  • 문제발생

- 팀 프로젝트 진행 중 Error 발생

  • 시도

-  구글링

https://inpa.tistory.com/entry/WEB-%F0%9F%93%9A-CORS-%F0%9F%92%AF-%EC%A0%95%EB%A6%AC-%ED%95%B4%EA%B2%B0-%EB%B0%A9%EB%B2%95-%F0%9F%91%8F

 

[WEB] 📚 악명 높은 CORS 개념 & 해결법 - 정리 끝판왕 👏

악명 높은 CORS 에러 메세지 웹 개발을 하다보면 반드시 마주치는 멍멍 같은 에러가 바로 CORS 이다. 웹 개발의 신입 신고식이라고 할 정도로, CORS는 누구나 한 번 정도는 겪게 된다고 해도 과언이

inpa.tistory.com

  • 해결방안

-  Chrome 확장 프로그램 이용

https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf

 

Allow CORS: Access-Control-Allow-Origin

Easily add (Access-Control-Allow-Origin: *) rule to the response header.

chrome.google.com

  • 알게 된 것

- CORS 현상은 웹 브라우저의 HTTP 요청에 대해서 어떤 요처을 하느냐에 따라 각기 다른 특징을 가지고 있기 때문이다.

CORS(Cross-Origin Resource Sharing) : 교차 출처 리소스 공유 정책 (직역) 즉 서로 다른 출처를 제시하고 있다는 것이다.

뭔가 어려운 내용이 많은데... 코드 내에서 각기 다른 출처의 url 을 제시해서 발생하는 문제인거 같다.

 

해결방안은 위의 Chrome 확장 프로그램을 이용하니 해결되었다.

 

[결론]

 

수 많은 에러가 있겠지만 그 에러의 해결 보다 그 에러 본질의 개념 이해의 부분이 훨씬 방대하다.

'내일배움캠프 4기 > TIL' 카테고리의 다른 글

DAY 61. Nest.js 입문 주차  (0) 2023.02.09
DAY 60. 4번째 팀 프로젝트 발표  (0) 2023.02.09
DAY 57. SOLID 원칙  (0) 2023.02.06
1.27 ~ 2.3 나태지옥  (0) 2023.02.06
DAY 51. TypeScript 심화 2일차  (0) 2023.01.26