
34.2K
DE“웹 개발 처음 하면 꼭 마주치는 오류: CORS”
웹에서 클라이언트(프론트) → 서버(API)로 요청을 보내다 보면,
가장 많이 마주치는 오류 중 하나가 바로 CORS(Cross-Origin Resource Sharing) 에러입니다.
간단히 말하면 브라우저가 보안을 위해
“다른 주소(origin)에서 오는 요청”을 기본적으로 막아버리는 기능이에요.
예를 들어,
http://localhost:3000 에서
http://localhost:8000/api 로 요청을 보내면
브라우저 입장에서는 “다른 출처에서 온 요청”이라 판단해서 차단합니다.
그래서 서버 쪽에서 아래처럼 허용을 해줘야 합니다 👇
Access-Control-Allow-Origin: http://localhost:3000
(간단한 해결책이고..사실 이거 말고 허용해줘야할게 더 많긴해요 ㅎㅎ)
CORS는 에러라기보다 브라우저의 보안 정책이라서,
웹 개발 시작하면 누구나 한 번은 맞닥뜨리는 개념이에요!
#웹개발 #CORS #API #프론트엔드 #백엔드 #개발개념 #웹기초 #개발공부 #DevLife
@dev_seochan










