2021-12-27

TODO #

• 생년월일 로직
  • 문자열에서 가장 많이 나타난 숫자 찾기
  • 검증 로직 개선
• 타임아웃 훅 리렌더링
  • 객체 등의 dependencies로 인해 나타난 문제.
• 금액 표시 포맷팅
• API 캐싱
• 새해 계획 짜기
  • 하루 일과 루틴 만들기
  • 목표 정하기
    • 일간 목표

ISSUES #

• useCallback/useEffect support custom comparator · Issue #14476 · facebook/react (github.com)
  • dependency array에서 object를 의존하는 경우, 컴포넌트 함수 안에 있으면 렌더링 마다 생성되어 객체가 새로 생성되어, reference가 변경되므로 변경된 것으로 판단한다.
  • 따라서, 이를 해결하기 위한 벙법으로 object를 컴포넌트 함수 바깥으로 들어 올리는 것(Hoist it up), useMemo를 사용하는 것, JSON.stringify(value)를 사용하는 것이 있다.
    • JSON.stringify이든, deep-equality check이든 객체에 따라 엄청나게 오래걸릴 수 있기 때문에 주의가 필요하다.
  • React UseEffect 어디까지 알아보고 오셨어요? | Medium
  • useEffect 완벽 가이드 — Overreacted s