로그인 페이지 내 useCallback 사용 이유

배달앱 클론코딩 [with React Native]

TextInput 사용하기

해결된 질문

작성

477

안녕하세요,
RN보다는 React에 가까운 질문 같긴하지만 궁금한 점이 있어서요.

제로조님께서 로그인 페이지 내에서 onSubmit 함수나 onChangeEmail, onChangePassword 함수에 useCallback을 사용하셨는데 이유가 있을까요??

useCallback이 재랜더링 시 불필요하게 계속 호출되는 것을 막는 것으로 알고 있는데, 해당 페이지 내에서는 재랜더링 되는 것이 없어서 불필요한 것이 아닌가 싶어서요.

물론 useCallback없이 써도 되는 것은 알지만, 해당 부분에서 제로조님께서 useCallback을 사용하시는 이유가 궁금합니다!

감사합니다!

답변 1

지식공유자

usecallback으로 안 감싸면 onChangeEmail같은 함수 때문에 인풋창이 리렌더링됩니다.

react-native 개발할 때는 모든 함수에 useCallback을 감싸라는 말을 들은적이 있습니다.

메모이징을 남발하면 안된다고 배웠는데 로그인에 사용되는 함수처럼 간단한 로직도 모두 메모이징하는 이유가 궁금합니다.

지식공유자

답변대로 함수에 useCallback을 적용하지 않으면 자식 컴포넌트가 리렌더링됩니다. 다만 리렌더링된다고 해서 무조건 성능에 문제가 있는 것은 아니고, 성능에 문제가 생길 경우에만 useCallback 등으로 감싸주시면 됩니다.

인프런 커뮤니티 질문&답변