이런저런거

    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)..

    [데브코스][3기]오............붙었네??

    결과부터 말하자면 붙었다. 프론트엔드 공부하면서 처음으로 성공적인 결과를 이루어 냈다. 떨어졌겠거니 생각하고 백준 풀고 있었는데 붙어서 다행이다. 지금까지 코테도 보고 면접도 보고 했었는데 다 아쉽게 떨어졌었는데 처음으로 유의미한 결과물을 얻었다. 간략한 후기 : 자소서 : 자소서는 최대한 솔찍하게 썻다. 프론트엔드 개발을 공부한 지 오래된 것도 아니었고 인강 보면서 따라한 ui 만들기 말고는 이렇다 할 프로젝트 경험도 없었다. 그래서 최대한 포장 없이 솔직하게 쓰려고 노력했다. 코딩 테스트 : 진짜 쉬웠다. 객관식 먼저 풀고 알고리즘 문제를 풀었는데 시간이 많이 남아서 최대한 꼼꼼하게 검토했다. 물론 예제만 확인이 가능하니 틀렸을 수 도 있다.🤔 문제풀이에 필요한 자료구조들도 평소에 직접 만들어서 사용..

    vs code 흐려짐 현상.

    윈10 업데이트 이후 생긴 현상인지 다른 원인이 있는지 모르겠지만 vscode를 사용하다보면 글자가 멋대로 뿌옇게 됐다가 돌아오는 현상이 자주 일어난다. 설정에서 '흐린 앱 수정' 기능도 꺼보고, VScode 속성 - 호환성 - '높은 DPI 설정 변경' 에서 '높은 DPI 조정 재정의' 도 체크해 보았는데 지속적으로 동일한 현상이 나타난다. VScode를 껏다키면 일정시간은 괜찮아서 껏다켰다 하면서 쓰고있는데 빨리 고치고싶다.................................................... + 티스토리 미리보기랑 실제 글이랑 다르게 나온다. 아직 수정하는 방법 모르겠다. ++ 엔비디아 제어판에서 설정들을 수정해 주었더니 해당 문제점이 사라졌다.