Devlog/JavaScript
검색결과
1
개
한글 input value를 입력 받은 후 키보드 이벤트가 발생했을 때, 왜 api가 2번 호출될까?
프로젝트를 진행하며 콘솔로 받아온 데이터를 확인하는데 계속 두번 씩 데이터를 받아오는 것을 발견했다. 현재 프로젝트의 규모가 작아 당장은 상관 없으나, 나중에 서버와 연결했을 경우 정확한 원인을 알 수 없으니 메모리 누수가 생길 수도 있는 점을 고려하지 않을 수 없었다. 그래서 오늘은 그에 대한 트러블 슈팅 기록을 하고자 한다. 😇 // SearchInput.tsx const enterKeyHandler: KeyboardEventHandler = (e) => { const locationInfo = filteredTitle(inputSearch); if (e.key === "Enter" && locationInfo.length !== 0) { api(setData, locationInfo); // 유저가..
Devlog/JavaScript
2024. 4. 18. 14:08