크루위키 이미지 최적화 적용

[jinhokim98]

📄 설명

현재 S3에 저장되어있는 이미지를 그대로 불러와서 사용하고 있습니다.

위 사진과 같이 현재 렌더링 된 크기는 w=409이지만 실제 이미지 사이즈는 w=1000으로 큰 이미지를 불러오고 있다는 의미입니다. 이를 조정해서 현재 디바이스 크기에 적절한 이미지를 가져오도록 설정할 예정입니다.

또한 현재 이미지를 S3에서 직접 가져오고 있습니다. CloudFront를 사용해서 이미지를 캐시에 넣어 요청한다면 이미지 요청에 걸리는 시간을 줄여볼 수 있을 것 같아 이도 적용합니다.

🏁 할 일

• 디바이스에 맞는 이미지 불러오기
• CloudFront를 사용해서 이미지 캐시하기

🫡 참고사항