The Debugging Chronicles : "코드의 미학"

2.5주 동안 카카오지도와 씨름하면서 가장 힘들었던 필터링하여 적용하기 2. 화면에 보이는 곳에만 필터링하여 마커 찍기이전 글 참고.https://sweetseonah1004.tistory.com/203화면 반경 내에 마커를 찍었다.하지만 반경이 화면의 크키를 넘어서불필요한 데이터까지 가지고 오고 있었다. 원이 찍그러졌지만R 반지름 값을 중심으로 원의 반경내의 데이터들을 다 가지고 와서 마커를 찍는 다면 너무 많은 불필요한 값들이 오고 있다. 그래서 필터링이 필요했다. 아이디어는getAllFranchises라는 함수에서getFranchiesAll API 로부터 응답값을 받아오고, 받아온 데이터를 상태(setAllList)로 업데이트 한다.  getAllFranchises함수가 쓰여지는 곳 마다 업데이트 ..

약 2.5주 동안 나를 괴롭혔던 카카오 지도에 대해서 포스트해보려고 한다.커스터마이징 하는 게 쉽지 않았고 그리고 정말 많이 배운 카카오지도!1.반경 값 구하기카카오지도에서는화면의 중간 좌표 그리고화면의 우측 상단, 북동쪽 좌표와화면의 좌측 하단, 남서쪽 좌표를 구하는 방법을 제공한다.   그래서 화면 중간 좌표 부터 북동쪽을 기점으로 하는 반지름을 중심으로 반경의 값을 구하려고 했다.  먼저 하버사인 공식을 이용하여 두 좌표간의 거리를 구한 다음에 반경을 구해주었다.next.js와 typescript로 구현하였다./** * * @param lat1 점1 위도 * @param lng1 점1 경도 * @param lat2 점2 위도 * @param lng2 점2 경도 * @returns 위도 경도로 두 점..