[issue]: 배너 이미지 최적화

[hyejj19]

who

BE, FE

what

배너 animated webP 대신 mp4 로 변환 필요

why

배경)

• animated WebP는 하드웨어 디코딩 미지원으로, 모바일에서 CPU 소프트웨어 디코딩 → 저사양 기기 버벅임
• mp4는 모바일 SoC의 VPU(전용 하드웨어 디코더)를 활용하므로 부하 없이 재생 가능

요청) @Whale0928

1. presigned URL 발급 시 Content-Type에 video/mp4 허용
2. Banner 엔티티에 mediaType 필드 추가 (IMAGE | VIDEO)
   • 배너 등록 API: mediaType 파라미터 수신
   • 배너 조회 API: 응답에 mediaType 포함
3. 기존 배너 데이터는 mediaType = 'IMAGE'로 마이그레이션

프론트 대응) @hyejj19

• mediaType 기반으로 <Image> or <video> 분기 렌더링 처리 예정

[Whale0928]

PreSigned URL Content-Type 지원 완료

PR: bottle-note/bottle-note-api-server#571 (merged)

변경 사항

• PreSigned URL 발급 시 contentType 파라미터 추가 (기본값: image/jpeg)
• 허용 목록: image/jpeg, image/png, image/webp, image/gif, image/svg+xml, video/mp4, application/pdf
• 허용되지 않은 Content-Type 요청 시 400 에러 반환
• PUT 업로드 시 서명에 포함된 Content-Type과 동일한 헤더 필요

사용 예시

GET /api/v1/s3/presign-url?rootPath=banner&uploadSize=1&contentType=video/mp4

남은 작업

• Banner 엔티티에 mediaType 필드 추가 (IMAGE | VIDEO)
• 배너 등록/조회 API에 mediaType 반영
• 기존 배너 데이터 mediaType = 'IMAGE' 마이그레이션
• FE: mediaType 기반 <Image> / <video> 분기 렌더링

[hyejj19]

배너 엔티티 필드 추가 및 FE 대응 완료.
비디오 preload 개선에 대한 FE 후속 대응 예정~