목록카카오맵 (1)

찰리의 이야기

Next.js 카카오맵 구현

Next.js 카카오맵 구현 구현하려는 웹에 카카오맵을 사용하려고 문서를 보고 실행해보았습니다. 그 과정에서 맞딱뜨린 여러 문제들과 해법들을 기록합니다. 닥히 Next.js의 케이스가 아닌 경우도 있습니다. 1. 꽉찬화면 height='100%' 지도의 전체화면이 안먹는 것입니다. width는 100%가 적용되는데, 아무리 부모 엘리먼트들의 높이를 100%로 주더라도 지도가 커지지 않습니다. 그러다가 발견한 해결책 'vh' vh란 viewport height를 말합니다. 그럼 뷰포트(viewport)란 뭘까요. 웹 브라우저의 현재 창에서 볼 수 있는 부분을 말합니다. 뷰포트가 의미있는 이유는 다양한 모바일 기기가 많은 현재, 현재의 모바일 브라우저의 화면 크기를 비율로 설정할 수 있기 때문에 유연하게 대..
찰리: 개발이야기(Engineering) 2021. 9. 30. 12:02
Prev 1 Next