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

문제 & 배경: 키보드가 올라오면 레이아웃 뷰포트와 실제로 보이는 비주얼 뷰포트의 차이 때문에 화면이 밀리거나 하단 입력창이 가려지는 문제가 발생했습니다.

기술 & 해결책: 두 뷰포트의 동작 차이를 분석한 뒤, 키보드가 나타나도 화면 크기와 위치를 알맞게 조정하는 VirtualViewport 컴포넌트를 구현했습니다.

교훈 & 주의점: iOS와 Android의 뷰포트 처리 방식이 다르므로 단순한 화면 크기 조정만으로는 부족하며, 두 환경에서 일관된 키보드 경험을 확인하는 과정이 중요합니다.