어제의 문제를 해결한 우리!!!
우선 2일차인 어제 팀프로젝트를 하며 마주한 문제점인 썸네일 클릭 시 모달창에 html이 뜨지 않은 부분에 대해 오류가 나는 부분을 면밀히 살펴보기로 했다. 오류창을 확인해보니 'CORS error'이 떠서 이에 대해 알아보니 브라우저의 정책 중 동일 출처 정책을 위반하여 오류가 발생한 것으로 파악되었다. 동일 출처 정책은 html안에서 다른 html을 열 수 없도록 하는 정책이 포함되어 있었고 우리는 이를 해결하기 위해 기존 'data-full' 과 'fetch'를 이용한 html 불러오기가 아닌, main 코드에 팀원들의 각 프로필 세부내용을 하나의 클래스로 묶고 각 내용의 코드를 직접 삽입하기로 했다.
그 결과 위와 같이 모달창이 띄어졌고 상단 우측 X를 누르거나 반투명한 부분을 누르면 모달창이 꺼지도록 코드를 구성하여 최종적으로 우리가 원하던 형태의 모달창을 성공하게 되었다.(모달 구현을 위해 힘써주신 팀원분께 모든 영광을 드립니다...감사합니다!)
문제였던 모달 부분이 해결 되고 나니 디자인 적으로 수정할 몇부분만 수정 후 완성을 하게 됐고 이번 프로젝트를 통해 처음 사용해보는 코드들도 많이 알게 되었고 팀원들과 서로 피드백을 통해 보완해나가며 프로젝트를 마무리 짓는 단계로 갈 수 있게 됐다.
