협업 시 클라이언트와 서버 간 공통 된 문제점이 CORS였다
교차 출처 리소스 공유 (CORS)
- 도메인 또는 포트가 다른 서버의 자원을 요청하는 매커니즘
- Cross-Origin Resource Sharing의 약자로, 추가적인 HTTP header를 사용하여 애플리케이션이 다른 origin의 리소스에 접근할 수 있도록 권한을 부여하는 메커니즘
- CORS 체제는 브라우저와 서버간의 안전한 교차 출처 요청 및 데이터 전송을 지원
- 최신 브라우저는 XMLHttpRequest 또는 Fetch와 같은 API에서 CORS를 사용하여 교차 출처 HTTP 요청의 위험을 완화
- 웹 애플리케이션은 리소스가 자신의 출처(도메인, 프로토콜, 포트)와 다를 때 교차 출처 HTTP 요청을 실행하는데, 브라우저는 보안상의 문제로 스크립트에서 시작한 교차 출처 HTTP요청을 제한
- 따라서 다른 출처의 리소스를 불러오기 위해서는 해당 출처에서 교차 출처 리소스 공유에 대한 헤더(CORS)를 응답 시 반환해주기
우리조는 구글링을 한 결과
CORS를 설치해주고 require해서
[option]을 설정해줘야 한다는 것을 찾고 들어서
도메인을 와일드 카드로 프론트에 넘겨주려고 했으나
CORS에 대한 지식이 부족한 상태라 [option]을 사용하지 않고 보내준 후
서버 재배포 및 확인 결과 CORS Error를 해결함.
첫 협업이었다. 나는 아무것도 하지 못했다.
아쉬운 점
차근차근 생각하지 못하고 시간만 낭비했다.
도움을 요청하지 못했다.
팀원들간의 대화가 부족했다.
나를 너무 믿었다.
그 밖에 많은 아쉬운 부분이 많은 첫 협업이었다.
하지만 부족한 만큼 더 올라갈 수 있다!
🌿💻💪🧠👍✨🎉