플러스프로젝트 배경
1) 문제점 기존 TV 쇼핑 앱이 노후화되어 UX 개선 및 전면 리뉴얼 필요 Vue 2.0 기반 서비스 -> React로 고도화 요청 마우스·터치 없이 리모컨만으로 조작해야 하는 TV 특수 환경에서 기존 웹 프레임워크 직접 적용 불가 4개국 배포 대상이지만 언어별 텍스트 길이 차이로 인한 레이아웃 깨짐 문제 미해결 2) 프로젝트 목표 TV 네이티브 UX: 리모컨 방향키 네비게이션과 포커스 복원을
프로젝트 성과
앱 로딩 시간 30% 단축
이미지 최적화, 코드 스플리팅, 지연 로딩 적용으로 앱 로딩 시간 30% 단축
4개국 글로벌 배포
미국·독일·러시아·영국 4개 로케일 다국어 지원 및 현지화 완료
배포 자동화
Jenkins CI/CD 파이프라인 구축으로 수동 빌드·배포 작업 완전 자동화
핵심 기능
리모컨 포커스 네비게이션
Enact Spotlight으로 방향키 네비게이션 및 섹션 이동 후 마지막 포커스 자동 복원
진행 단계
아키텍처 설계
2024.01.
Enact + Spotlight 포커스 시스템 및 Redux 상태 관리 구조 설계
프로젝트 상세
1) 포트폴리오 소개 LG webOS 기반 TV 쇼핑 앱 전면 리뉴얼. 리모컨만으로 상품을 탐색하고 구매하는 TV 홈쇼핑 앱으로, 미국·독일·러시아·영국 4개국을 대상으로 하는 글로벌 커머스 서비스. LG Electronics 공식 TV 플랫폼에 탑재되는 B2C 커머스 앱. 2) 작업 범위 Front-end 개발 리드 (PL) Jenkins CI/CD 파이프라인 구축 webOS TV 앱 (리모컨
