feat: 네이티브 키보드 입력 + IME 조합 처리 (Day 1 후반) - #3

목표

내 이름을 쳐서 떨어뜨린다 (PRD Day 1 체크포인트). 탭하면 네이티브 키보드가 올라오고, 타이핑한 글자가 실제로 떨어진다.

변경 내용 (파일 2개)

• src/lib/input.ts (신규) — 오프스크린 <input> + IME 이벤트 처리.
  • 한글은 조합이 끝난 시점(compositionend)에만 물체 생성. ㅎ → 하 → 한 중간 단계는 화면 상단에 고스트로만 흐리게 표시 (PRD §4.1).
  • 조합 중 input 이벤트는 isComposing으로 걸러 중복 스폰 방지. iOS/안드로이드의 이벤트 순서 차이는 "flush 후 value 비우기" 패턴으로 흡수.
  • 영문/숫자/기호는 즉시 낙하, 공백은 스킵(폭발 임펄스는 이후 PR).
• src/pages/index.astro — 탭 핸들러를 랜덤 글자 스폰 → input.focus()(키보드 소환)로 교체, 조합 고스트 요소 추가.

확인 방법 (실기기 필수 — PRD §6)

머지 후 https://99mini.github.io/gravitype/ 에서:

1. 화면 탭 → 키보드가 올라온다
2. 한글 타이핑 → 조합 중엔 상단에 흐린 글자, 완성되면 떨어진다
3. 본인 이름을 쳐본다 ← Day 1 체크포인트
4. 영문/숫자도 쳐본다 → 즉시 떨어진다

⚠️ 알려진 한계: 키보드가 올라오면 글자가 키보드 뒤로 가려집니다. 키보드 대응 동적 바닥(visualViewport)은 다음 PR들 중 하나로 예정되어 있습니다.

다음

머지 확인 후 물리 튜닝 (src/lib/constants.ts) 진행 예정.

Generated by Claude Code