5월 21일 프리온보딩 19일차

오늘 한 일

다른 팀원들의 코드를 하나씩 merge 받으면서 충돌이 나는지, 오류가 있는지 확인하며 리펙토링하는 시간을 가졌다.
당연하게도 곳곳에서 오류나 잘못된 부분이 있어서 고치는데 시간이 오래걸렸다.(지금도 하는 중)

공부한 것

debounce

다른 팀원의 코드를 받고 테스트 해보니 검색할 때 '암'이라고 검색하면 'ㅇ, 아, 암' 이렇게 3번 호출되는 것이다.
분명 debounce 함수를 사용했는데 실행이 안되는 것이다.
원래 코드)

const debounceFunc = debounce((value) => {
  dispatch(setSearchText(value))
}, 500)

const handleSearch = useCallback(
  (e: ChangeEvent<HTMLInputElement>) => {
    setDisease(e.currentTarget.value)
    if (isMoveOn) return
    debounceFunc(e.currentTarget.value)
    setMoveNum(0)
  },
   [debounceFunc, setDisease, isMoveOn]
)

이리저리 검색해보니 debounce를 사용한 곳에 useMemo를 감싸주니 정상적으로 돌아갔다.