TV 리모컨에 맞춘 탐색과 입력 분기
포커스 이동·선택·뒤로가기를 처리하는 리모컨 네비게이션을 설계·구현했습니다. 터치와 리모컨 입력을 자동 감지해 입력 방식에 맞게 UX를 분기하고, Pinia로 프로필·진행 상황·API 데이터를 관리했습니다.
대표 프로젝트로01 02 03
TV APPLICATION · HAIi
삼성 스마트 TV 인지 훈련 앱 새미랑
삼성 스마트 TV 전용 앱의 프론트엔드를 전담해 신규 개발부터 공식 앱스토어 출시까지
- 기간
- 2025.07 — 2025.10
- 역할
- 프론트엔드 설계·개발 및 출시 전담
CONTEXT
배경과 과제
삼성 스마트 TV 전용 인지 훈련 앱 새미랑을 신규 개발했습니다. 프론트엔드를 전담해 Vue 3 기반 SPA와 리모컨 탐색을 구현하고, Tizen 환경에 맞춘 빌드·배포부터 공식 앱스토어 출시까지 진행했습니다.
COMPONENTS
구현 구성
- 리모컨 · 터치 입력
- 포커스 이동 · 선택 · 뒤로가기
- 평가 · 게임 모듈 / Tizen API
IMPLEMENTATION
설계와 구현
인지 평가·게임과 Tizen 연동
인지 평가 4종과 일일 트레이닝 게임 4종을 구현하고 Three.js, Matter.js, Lottie를 활용했습니다. Tizen 디바이스·언어 API, 한국어·영어 다국어와 TV 접근성을 함께 고려했습니다.
API 타입 생성과 환경별 배포
OpenAPI 스펙으로 API 타입을 자동 생성하고 개발·스테이징·프로덕션 빌드를 구성했습니다. ES2015 타겟으로 구형 TV 호환성을 확보하고 Makefile로 브랜치별 배포를 자동화했습니다.
OUTCOME
성과
- 삼성 스마트 TV 공식 앱스토어에 출시하고 서비스 안정화 작업을 진행했습니다.
- 리모컨으로 조작할 수 있는 인지 평가와 트레이닝 게임을 구현했습니다.
- API 타입 생성과 환경별 빌드·배포를 자동화했습니다.