프론트 단에서 카카오 map 에 가게 마커를 표시하는 과정에서 벌어진 문제였다.
-
프론트에서는 카카오 map api 로 가게가 영역 내에 있을 때 백엔드로 부터 가게 좌표와 정보를 받아와 해당 좌표에 마커를 표시한다.
-
가게가 보여지는 지도의 영역에서 벗어나면 백엔드에서 가게 정보를 더이상 보내지 말아야 한다.
-
근데 영역에서 벗어나도 계속 백엔드에서 정보가 보내져서 알고봤더니 DPI 의 문제였다.
- 프론트쪽에서 지도를 이동하는 테스트를 진행했는데, 이 때 사용됐던 제품은 맥북프로 m1 기준이였다.
- 나는 DPI 96 으로 세팅해놓고 하고 있었는데, DPI 값을 바꾸면서 테스트해보니 테스트 모니터 해상도 기준 DPI 는 200 이였다.
- 그래서 DPI 를 200 으로 놓고하니 아주 정확하게 지도영역 바깥으로 벗어나는 순간 가게 정보를 받아오지 않았다.
근데 문제는 DPI 값이 기종마다 해상도마다 다를것이기 때문에 이 값을 프론트에서 받아오는 방법을 찾아야한다.
아직 못찾았다 ..
Backend Developer