이런저런거/개발 일지
KAKAO MAP
KAKAO MAP API를 사용했다. 지도에 custom overlay를 올려서 정보를 표기하고 싶었다. 처음 생각은 표시할 정보들을 담을 배열을 forEach 문으로 순회해서 overlay를 만들고 각각의 overlay에 click 이벤트를 달면 되겠다! 싶었다. airQualityByCity.forEach( ({ cityName, fineDustScale, ultraFineDustScale, fineDustGrade, ultraFineDustGrade, }) => { geocoder.addressSearch(cityName, (result, status) => { if (status === kakao.maps.services.Status.OK) { const latitude = Number(resul..
useState, KAKAO MAP
useState를 사용하면서 이전 값을 보장받을 수 있는 방법이 있다. useState의 snap shot을 이용 하는 방법이다. const [number, setNumber] = useState(0) { setNumber(number + 1); setNumber(number + 1); setNumber(number + 1); }}>+3 이렇게 사용한다면 기대했던 3이 나오지 않는다. 3번의 setNumber가 모두 0에 1을 더하는 방식으로 동작하기 때문이다. batch: 일괄 처리 떄문이다. 그렇기 때문에 코드에 명시적으로 이전 값을 사용하도록 하여야 원하는대로 동작할 것이다. { setNumber(n => n + 1); setNumber(n => n + 1); setNumber(n => n + 1)..