フックマスターになりたい (3): useMemo & useCallback!

RandomNum Generator

본래 useMemo와 useCallback은 렌더링 성능을 최적화하기 위한 훅들이다. 특히 복잡한 계산이나 로직이 수반되는 값, 또는 함수가 아니라면 굳이 사용할 필요가 없다. 그러나 조금 다른 방식으로 useMemo와 useCallback에 접근해볼 수 있지 않을까? 이를 테면, useMemo를 꼭 써야 하는 상황이 생길 때도 있지 않을까? 완벽한 해답을 찾은 것은 아니지만, 얼추 비슷한 상황을 가정해보았다.

오늘 포스팅에서 다룰 것은 랜덤 넘버 제너레이터이다!
쉽게 말해 maxNum을 설정하면 1부터 maxNum까지 숫자 중 랜덤한 숫자를 출력해주는 앱이다.

CodePen으로 간단하게 만들어보았다!