핵심 요약
카카오뱅크가 모바일 웹뷰에서 가상 키보드 노출로 인한 화면 밀림 문제를 규명하고, iOS·Android에서 안정적인 UX를 보장하는 VirtualViewport 컴포넌트를 구현해 소스 코드를 공유했습니다.
구현 방법
- 레이아웃 뷰포트(Layout Viewport)와 비주얼 뷰포트(Visual Viewport) 차이 분석
- VirtualViewport 컴포넌트 설계 및 구현
- iOS/Android 양 플랫폼에서의 동작 검증 및 샘플 코드 공유
주요 결과
- 가상 키보드 노출 시 입력창 가림 문제에 대한 구조적 해결책 제시
- 구현 소스 코드 및 적용 예시 공유
