Next.js1 [개선] 모바일 뷰포트 수정과 직관적인 지도 검색 오늘 개발의 핵심 주제는 "사용자가 보고 있는 곳을 중심으로" 였습니다. 모바일 환경에서의 화면 높이 문제 해결부터, 내 위치가 아닌 내가 보고 있는 지도 중심으로 검색하는 경험까지, 사용자 경험(UX)을 한 단계 끌어올린 과정을 정리해 봅니다.1. 100vh의 배신, 그리고 100dvh로의 전환모바일 웹 개발자라면 누구나 한 번쯤 겪는 고통이 있습니다. 바로 브라우저 주소창(Address Bar)입니다.기존에는 min-h-screen이나 100vh를 사용해 전체 화면을 잡으려 했지만, 모바일 사파리 등에서는 주소창이 나타나거나 사라질 때 뷰포트 크기가 달라지며 하단 버튼이 가려지거나 불필요한 스크롤이 생기는 문제가 발생했습니다. 특히 지도 서비스에서는 하단 푸터나 줌 버튼이 가려지는 치명적인 UX 저하.. 2026. 2. 18. 이전 1 다음
