플러스프로젝트 배경
- 문제점 운영 중인 웹 서비스를 스마트TV 앱으로 내는 일은 패키징으로 끝나지 않습니다. 1. 2020년형 TV의 웹엔진은 Chromium M69입니다. 최신 프레임워크 번들이 그대로 뜨지 않습니다 2. 마우스·터치를 전제로 만든 화면은 리모컨 방향키로 도달되지 않는 요소가 남습니다 3. TV에는 키보드가 없습니다. 텍스트 입력이 진입점인 서비스는 여기서 무너집니다 4. 자판은 화면 아래, 입력
프로젝트 성과
D-pad 포커스 — 도달 불가 요소 0개
사이드바와 그리드 사이 축 전환에서 직전 위치를 기억합니다. 기억하지 않으면 매번 첫 칸으로 튑니다. 경계에서는 순환하지 않고 멈춥니다.
한글 IME — 자모 조합까지 구현
초성·중성·종성을 실제로 조합합니다. 받침이 다음 글자 초성으로 넘어가는 처리, 겹모음·겹받침, 자모 단위 지우기까지 동작합니다.
입력창 도킹 — 자판 바로 위로
키보드가 열리면 입력창이 키보드 위로 내려와 붙습니다. 겹치지만 않게 하면 자판과 입력 지점이 화면 양 끝으로 갈라집니다.
엔진 하한 대조표 — 어떻게 깨지는지까지
optional chaining은 M69에서 SyntaxError로 화면 전체가 죽습니다. flexbox gap은 오류 없이 레이아웃만 무너집니다. 이쪽이 더 위험합니다.
핵심 기능
D-pad Spatial Navigation
방향키만으로 사이드바·메뉴 네 개·카드·타일·결과 버튼 전부에 도달합니다. 축 전환 시 직전 위치를 기억하고 경계에서는 순환하지 않고 멈춥니다.
진행 단계
이식 난이도 진단
2026.08
대상 기기 세대별 웹엔진 버전을 확인하고 기존 서비스가 쓰는 문법·API와 대조했습니다. 패키징하면 된다와 빌드 타깃부터 다시 잡아야 한다는 견적이 다릅니다.
프로젝트 상세
운영 중인 웹 서비스를 스마트TV 앱으로 이식할 때 실제로 막히는 지점들을 동작하는 화면으로 구현한 것입니다. [무엇을 만들었나] 메뉴 네 개가 실제로 동작하고, 이식에서 막히는 지점을 전부 눌러 확인할 수 있습니다. 1 D-pad 이동 사이드바 ↔ 카드 그리드 축 전환, 경계 정지, 위치 기억 2 메뉴 구조 홈 · 만들기 · 커뮤니티(탭 3종) · 갤러리
