콘텐츠

모바일 웹뷰에서 iOS·Android 가상 키보드 길들이기

역량 개발 · 카카오뱅크 테크 · 2026.10.14

모바일 웹 환경에서 가상 키보드가 나타날 때 화면이 밀리거나 입력창이 가려지는 고질적인 뷰포트 이슈를 해결하기 위한 카카오뱅크 개발팀의 기술 여정을 소개합니다. Layout Viewport와 Visual Viewport의 차이를 분석하고, iOS와 Android 모두에서 안정적인 사용자 경험을 보장하기 위해 VirtualViewport 컴포넌트를 직접 설계하고 구현한 과정과 소스 코드를 상세히 공유합니다. 프론트엔드 개발자분들에게 매우 유용한 기술적 인사이트를 제공할 것입니다.