코린이의 개발 일지

프로젝트 소개 서울시 공공데이터 공모전에 아는 분과 함께 참가하게 되었다. 공공데이터를 사용해야 하던 상황이라 주제를 어떤걸로 정할까 고민하다가 '코로나 풀린 시점에 바깥 활동이 많이 늘어났으니, 놀러갈만한 장소 추천해주는 서비스 어때?' 라는 말을 시작으로 기획을 시작했다. 서비스에서 제공할 기능 목록을 우선 쭉 나열하고 그걸 바탕으로 필요한 데이터를 찾았다. 우리 서비스에서 제공할 기능은 사용자가 나들이 계획에 참고할 수 있는 약 10일간의 날씨 정보 사용자 위치 기반 주변 나들이 장소 제공 장소 검색 각 장소들의 상세 정보 제공 모바일 & 데스크탑 환경 모두 제공 크게 위 다섯가지였다. 사용한 공공데이터는 다음과 같다 서울시 주요 공원현황 데이터: http://data.seoul.go.kr/data..

window.addeventListener를 써보자 맨처음에 이 방법으로 keyDown이벤트를 발생시켜 보았다. 리액트스럽게 훅으로만 대부분을 해결해서 코드를 짜는게 목표였지만 onKeyDown으로 도저히 작동을 안해서 (내가 잘못쓰고 있는 것였다.) 그냥 직접 이벤트 리스너를 붙여봤다. (리액트에서 권유하는 방법은 아니니 안쓰는 편이 좋다) 근데 문제가 발생했다. 이벤트 리스너를 렌더링 할 때마다 달아주면 리스너가 너무 많이 달리니까 useEffect안에 넣어뒀는데 그것도 문제였다. 리스너는 딱 한번만 호출되어야하는데 useEffect가 여러번 호출되면서 이벤트 리스너가 너무 많이 붙여지는게 문제였다. 해결한 코드는 다음과 같다. import React, { RefObject, useRef, useEf..