피드로 돌아가기
Dev.toInfrastructure
원문 읽기
Static Site Generation 기반 초고속 AI 협업 포토 갤러리 구축
I Ditched iCloud Photo Sharing and Built My Own (with an AI partner)
AI 요약
Context
기존 iCloud 공유 앨범의 26초 이상의 과도한 로딩 지연 및 상용 서비스의 복잡한 UI와 광고 노출로 인한 사용자 경험 저하 발생. 서버 사이드 렌더링과 동적 데이터 요청 과정에서 발생하는 병목 지점을 제거한 극단적 성능의 갤러리 필요성 대두.
Technical Solution
- 서버리스 정적 파일 서빙 구조 설계를 통한 Request Time의 동적 연산 완전 제거
- Go 기반 CLI 도구 photogen을 활용한 JPEG의 WebP 변환(600px/1600px) 및 EXIF 메타데이터 제거로 이미지 최적화 및 프라이버시 강화
- Goroutine 기반 Concurrent Processing을 적용한 대량 이미지 처리 속도 극대화
- SvelteKit의 정적 생성(SSG) 방식과 Client-side JSON Index 페칭을 결합한 데이터 로딩 구조 채택
- Web Crypto API 기반 브라우저 내 복호화 방식을 적용하여 서버 저장소 없는 보안 앨범 구현
- rsync 및 AWS S3+CloudFront 배포 파이프라인을 통한 글로벌 CDN 엣지 서빙 최적화
실천 포인트
1. 읽기 전용 콘텐츠의 경우 Database-less 아키텍처 검토
2. 이미지 서빙 시 WebP 변환 및 해상도별 멀티 사이즈 생성 자동화
3. 민감 정보 보호를 위해 서버 저장 방식이 아닌 클라이언트 사이드 암호화/복호화 적용
4. AI 코딩 툴 활용 시 중복 로직 발생 여부 검증 및 테스트 코드 우선 작성 프롬프트 적용