CORS는 무엇인가요? 왜 이러한 방법이 정의 되었나요?

[365kim]

• CORS는 무엇인가요?
• 왜 이러한 방법이 정의 되었나요?
• 관련한 경험이 있나요?
• CORS를 해결하기 위한 방법을 아는 대로 모두 설명해 주세요.

[365kim]

공유하고싶은 자료 & 개인적으로 정리한 블로그 등이 있다면 여기👇👇👇에 댓글로 공유해주세요 😆

[365kim]

인터뷰 핸드북 해설 - JavaScript와 관련하여 same-origin 정책을 설명하세요.

[365kim]

MDN - 교차 출처 리소스 공유 (CORS)

[Puterism]

https://evan-moon.github.io/2020/05/21/about-cors

[Puterism]

핵심키워드
Origin, Access-Control-Allow-Origin, SOP, Preflight Request, Simple Request, Credential Request

경험요약
CORS에 대한 설명과 SOP와의 비교, CORS가 없을 때의 문제점, 그리고 CORS 정책에 맞는 설정을 위해 Access-Control-Allow-Origin 헤더 설정에 대해 순서대로 이야기했다.

스터디회고
Simple Request와 Credential Request에 대한 공부가 되어있지 않아 설명할 수 없었다.
Preflight Request와 함께 다시 공부하면 많은 도움이 될 것이다.
추가적으로 Origin이란 무엇인지에 대해서 추가적인 설명을 덧붙이면 좋을 것이다.

[SunYoungKwon]

핵심키워드

출처(프로토콜+호스트+포트번호), Access-Control-Allow-Origin, 프록시 서버

경험요약

프로젝트를 진행하며 서버에서 넘어온 이미지 주소가 사이트의 도메인과 출처가 달라 불러오지 못하는 문제를 겪은 적이 있다.

스터디 회고

출처의 정의에 대해 설명함.
프론트에서 개발을 하면서 프록시 서버를 설정하여 이 문제를 해결할 수 있지만, 근본적인 해결책은 서버에서 Access-Control-Allow-Origin를 설정하는 것이라고 설명함.

[zereight]

핵심키워드
교차출저, preflight, credential 헤더

경험요약
프로젝트를 진행하며 CORS를 맞닥뜨린 경험과 CORS가 필요한 이유

스터디 회고
내 기준으로 경험을 좀 장황하게 설명한거같음

[365kim]

• 핵심키워드 : SOP 출처 Access-Control-Allow-Origin
• 경험요약 : api 요청을 보낼 때 CORS 에러가 발생한 적이 있다.
• 스터디회고 : 헤더 이름이 생각이 안나서 제대로 답변하지 못했다. simple request 와 credential request의 차이, preflight를 보내고 이후에 처리하는 방식에 대해 더 알아보자.