프론트엔드
라이브관 프론트엔드 입장에서 바라보기
두줄요약
올리브영 라이브관을 신규 아키텍처와 SSR 기반으로 전환한 프론트엔드 경험을 공유했습니다. 이미지·영상 최적화와 공통 코드 관리, 크로스 브라우징 대응 방향도 함께 정리했습니다.
핵심 내용
- 올리브영 라이브관을 신규 아키텍처 기반으로 전환하며 프론트엔드 관점의 설계와 구현 경험을 공유한 글
- 프리미엄관 전환 경험을 바탕으로 라이브관에도 SSR 중심의 구조를 적용하고 성능과 UI/UX 개선을 함께 추구
- 이미지·영상 비중이 큰 화면에서 Lazy loading, 스켈레톤 이미지, Next/Image, dynamic import 등으로 렌더링 최적화
- 공통 훅, 메모이제이션, 크로스 브라우징 대응, Next.js 13 준비 등 향후 운영과 확장성을 고려한 개발 포인트 정리