문제상황
(너무 놀라서 화면캡쳐를 못했다... 참고한 사이트들에서 같은 화면을 확인할 수 있으니 확인해보자!)
팀프로젝트로 진행했던 갤린더 프로젝트에 게스트 로그인 기능을 추가하여 재 배포하기 위해 S3에 파일들을 새로 업로드한 상황이었다. 배포 성공(?)한 후 url을 클릭해서 확인해보려했는데 흰 오류 화면만 보여져서 원인을 파악하기 위해 구글링을 했다..!
해결 시도
This Xml file ~ 오류
가장 먼저 보였던 This XML file ~ 하는 오류 페이지는 에러가 발생할 경우 리다이렉트 되어 보여질 페이지 설정이 되어있지 않아 발생한 것이라고 한다.
cloudefront > 배포 ID > 오류페이지 에서 설정가능하며, 본인의 경우 403 에러 페이지에 대한 처리만 되어있어 404 페이지도 추가해주었더니 해당 오류는 해결이 된 듯 했다.
403 Forbidden / Access Denied 오류
위의 오류 페이지 처리를 하고 나니 다른 형태의 오류 페이지가 확인이 되었다.
해당 오류에 대해서도 찾아보니
대부분 버킷 정책을 설정해주지 않아 발생하는 에러라고 한다.
S3 > 해당 버킷 > 속성 > 정적 웹사이트 호스팅 부분에 배포된 Url 을 복사하여 권한 > 버킷정책 부분의 작성가능한 박스 내 아래와 같이 작성하면 ( "Resource" 부분의 키 값으로 붙여넣어주면) 된다.
꾸준히 나를 발전시키자 🫶