올리브영 라이브관 개발 리뷰

올리브영의 온라인몰은 기술 부채로 인해 서비스 개선에 어려움을 겪고 있으나, 프론트엔드 팀은 새로운 아키텍처로의 이전을 통해 이러한 문제를 해결하고 있습니다. 특히, 프리미엄관의 성공적인 전환을 통해 성능과 UI/UX가 개선되었습니다.

프론트엔드 기술로는 Next.js 12, TypeScript, Recoil, React Query가 사용되며, SSR(서버 사이드 렌더링)을 선택하여 사용자에게 빠른 페이지 로딩 경험을 제공합니다.

라이브관의 기능

라이브관에서는 다가오는 방송 일정, 특가 상품, 과거 라이브 영상 등을 제공하며, 이미지와 영상의 로딩 최적화를 위해 Next/Image를 활용합니다.

미래 방향

앞으로도 신규 아키텍처 기반으로 다양한 서비스 개선이 예정되어 있으며, 공통 컴포넌트 관리에 대한 중요성이 더욱 부각될 것입니다.