플러스프로젝트 배경
1) 문제점 - 이전 버전은 동작이 느리고 화면 구성이 낡아 있었습니다. - TV 앱은 마우스도 터치도 없이 방향키만 있어 선택 위치 관리가 곧 사용성입니다. - 구형 기기까지 지원해야 해서 최신 문법을 쓸 수 없는 제약이 겹쳤습니다. 2) 프로젝트 목표 - 전면 리뉴얼로 동작 속도와 화면 구성을 개선하기 - 결제 기능을 새로 넣기 - 여러 국가에서 처음부터 맞는 언어로 뜨게 하기
프로젝트 성과
리모컨 조작 전면 대응
마우스도 터치도 없는 환경에서 방향키만으로 모든 화면을 오갈 수 있게 하고, 상세에서 돌아왔을 때 원래 위치로 복원되도록 만들었습니다.
4개국 다국어 자동 초기화
TV에 설정된 국가와 언어를 읽어 처음부터 맞는 언어로 화면을 띄웁니다. 사용자가 언어를 고르는 단계를 없앴습니다.
결제 흐름을 화면 밖으로 분리
주문 생성부터 확정까지 여러 단계가 이어지는 흐름을 화면 코드 바깥으로 빼내, 화면은 결과만 받아 그리도록 했습니다.
접근성 표준 대응
WCAG 2.1 기준에 맞춰 대응을 진행하고, 빌드 때마다 점검이 자동으로 돌도록 파이프라인에 넣었습니다.
핵심 기능
리모컨 방향키 화면 이동
마우스도 터치도 없는 환경에서 방향키만으로 모든 화면을 오갈 수 있게 하고, 뒤로 갔다 돌아왔을 때 보던 위치로 복원합니다.
진행 단계
아키텍처 설계와 기술 선정
2024.01.
TV 환경에 맞는 프레임워크와 상태 관리 방식을 정하고, 화면 구조와 개발 프로세스를 잡았습니다.
프로젝트 상세
1) 포트폴리오 소개 TV에서 쓰는 쇼핑 앱의 전면 리뉴얼에서 프론트엔드를 설계하고 리드했습니다. 서비스 카테고리는 TV용 커머스 앱이며, 메인 타깃은 거실에서 리모컨으로 상품을 둘러보고 구매하는 일반 시청자입니다. 이전 버전은 동작이 느리고 화면 구성이 낡아 있었고, 리뉴얼에서 속도를 개선하고 결제 기능을 새로 넣었습니다. 2) 작업 범위 - 개발 참여 범위: Front-end 개발, 프론트엔드 아
