20211213 TIL - cloudfront로 배포를 하면 S3버킷에 파일들은 어떻게 될까?

52Market Project

CloudFront + Elastic Beanstalk

우리팀의 52Market은 CloudFront를 이용하여 프론트 페이지를 배포하고 Elastic Beanstalk으로 서버를 배포하는 방식으로 배포하였다
정적배포를 위해 프론트를 구현한 파일을 S3버킷에 업로드 해주어야하는데, 사용자들이 업로드한 사진도 S3버킷에 저장해주어야한다

1버킷 2용도

배포용 버킷 1개, 사진 업로드용 버킷 1개 이렇게 2개를 이용하는게 맞겠지만, 과금의 늪에서 구원받기위해 1버킷으로 다 배포하였다
여기서 문제가 발생하는데 🤯🤯
배포용 버킷에 함께 저장하면서 업로드 되는 사진의 path가 이상하게 변해버린다
그래서 img 태그안에 path가 들어가도 사진이 보이지 않는 문제가 생겨버린다 😱
배포를 하지않는 버킷에 올라간 사진과, 배포용 버킷에 올라간 사진의 url구조 자체가 달라져버린다
우리의 선택은 하위 폴더이니 상대경로를 쓰자!
뭔가 눈가리고 아웅인것만 같지만 그 방법을 이용하니 정상적으로 이미지가 불러와졌다
그러나 우리에게는 또다른 에러가 기다리고 있었으니 🤯🤯

413 Error

이친구는 또다른 에러이다 🤯🤯
업로드 되는 파일이 1MB가 넘어가면 생기는 에러인데,
로컬에서 저장할때는 파일 크기를 늘여 놓았지만, Elastic Beanstalk에서는 또 설정을 해줘야하나보다
이건 nginx에서 못 받아주는 문제라고 하는데, 이럴거면 왜 Elastic Beanstalk을 쓰나
그냥 내가 ec2에 올리고말지!!
오늘안에 해결 될 수 있을까?