💡이번주 새로 알게 된 것💡
교차 출처 리소스 공유(Cross-origin resource sharing, CORS)
CORS 정책은 우리가 가져오는 리소스들이 안전한지 검사하는 관문이다.
프론트엔드와 백엔드의 출처가 다르면 위와 같은 에러를 심심치 않게 볼 수 있다.
브라우저는 보안상의 이유로 교차 출처 HTTP요청을 제한한다.
이를 해결하기 위해선 백엔드에 CORS관련 설정을 해주어야 한다
서버 응답은 CORS정책 위반 여부에 관여하지 않는다.
CORS 정책에 의해 Origin을 비교하는 로직은 브라우저에 구현되어 있다.
그래서 서버에서 정상적인 응답을 하여 상태코드가 200이 나오더라도, 브라우저가 응답을 CORS정책 위반이라고 분석하면 그 응답은 사용하지 않는다.
브라우저가 CORS정책 위반을 분석하는 시간은 서버의 응답이 도착한 이후이다.
즉, CORS정책을 위반하는 리소스 요청때문에 에러가 발생하더라도 서버 쪽 로그에서는 정상응답을 했다는 로그만 남기때문에, CORS를 정확히 이해해야만 CORS에러를 해결할 수 있는것이다.
이번 주차부터 리액트를 하는 프론트앤드 분들과 협업을 하며 과제에 진행하게 되었다.
리액트에 대해 아는게 없다보니, 당연히 내가 뷰부분에 대해 배웠던 것 처럼 html 과 css를 사용하시는 줄 알았는데 거의.. 전혀 아니였다 ㅎ ..
기술매니저님들은 백과 프론트가 서로 코드 볼 일이 없다고 하셨는데 , 잘 모르니까 원래하던데로 해도 되는건지 .. 이렇게 하면 프로트에서 정보를 못받는건 아닌지.. 많이 어렵다
이번 주차는 협업을 처음하는 것이기 때문에, 실전프로젝트에서 협업을 원활하게 할 수 있도록 협업을 하는 방식에 포커스를 두고 과제를 진행해보려고 한다.