Mate of Wind Mate of Wind

처음 프로젝트를 하면서 마주친 에러 중 하나가 바로 CORS(Cross-Origin Resource Sharing) 에러이다. 오늘은 코스에 대해서 자세히 알아보도록 하겠다. 코스는 사실 보안과 관련된 것이다. 정확히 말하면 브라우저가 기본으로 가지고 있는 보안 장치라고 볼 수 있을 것 같다. 웹 서비스를 개발하면 브라우저를 사용하게 되고 특별한 설정을 하지 않아도 브라우저가 알아서 코스라는 것을 검사하게 된다. 그럼 코스가 검사하는 것이 무엇이냐 하면 Origin, 즉 원본을 검사한다. 쉽게 말하자면 프런트와 백의 통신간 주소가 일치하는지 검사한다는 것이다. 만약 프런트가 백에 요청한 주소가 아닌 다른 주소에서 정보가 들어오면 어떻게 될까? 이것이 바로 해킹이다. 따라서 브라우저는 요청한 주소가 아닌 ..

이번 프로젝트를 진행하면서 있었던 수많은 에러들 중에 가장 기억에 남는 405 에러를 해결한 과정을 적어보려고 한다. 나는 백엔드를 맡아 개발 중이었고 프런트는 다른 친구가 개발 중이었다. 글이 길어질 것 같아 한 줄 요약: 보통 405 에러는 매소드가 일치하지 않아서 생기니 GET, POST 등을 일치시켜 보고 그래도 안되면 서버에 모든 매소드를 다 적용시켜 보고(OPTION 같은 것들) 그래도 안되면 CORS인지 확인해 보고 아니라면 프런트 배포 플랫폼을 바꿔보고 그래도 안되면 클라우드프론트같은 데이터 전송 서비스를 이용해 보자. 쓰고보니 한 줄이긴 한데 한 줄이 아니다. 시도해 보기 쉬운 것들부터 써봤다. 먼저 프런트는 리액트로 국내 클라우드 업체인 클라우드타입이라는 업체에서 배포 중이었고 백은 파..