구현한 기능
FE
성능 최적화, 이미지 최적화에 대한 고민
서비스 전체에서 많은 이미지를 사용하기 때문에, 이미지 최적화가 필요하다고 판단했습니다.
Browser Image Compression 라이브러리를 통해 업로드 시 자동으로 이미지를 압축합니다.
스켈레톤 UI (Skeleton UI)
이미지가 로딩이 되지 않았을 때 스켈레톤 UI를 보여줌으로써 사용자 경험을 향상시켰습니다.
BE
AWS S3 사용
AWS S3는 확장성이 뛰어나고 안정적인 스토리지 서비스를 제공합니다.
이를 통해 대량의 이미지 데이터를 효율적으로 저장하고 관리할 수 있습니다.
S3는 다양한 애플리케이션과 호환되며, AWS의 다른 서비스와의 통합이 용이합니다.
이는 백엔드 시스템의 유연성을 증가시키고, 다양한 사용 사례를 수용할 수 있게 합니다.
AWS CloudFront 통합
이미지 파일과 같은 정적 콘텐츠의 전송 속도를 개선하기 위해, AWS S3와 함께 CloudFront CDN(Content Delivery Network)을 사용할 수 있습니다.
CloudFront는 전 세계에 분포된 엣지 로케이션을 통해 사용자에게 빠르고 효율적으로 콘텐츠를 제공합니다.
프론트에서는 S3의 구조나 복잡한 백엔드 로직을 알 필요 없이, CloudFront를 통해 최적화된 이미지 접근이 가능합니다.