Week 5. React - useMemo, useCallback, 생명주기, 배열 key 설정

1. useMemo, useCallback 에 대해 설명하고, 어떤 경우에 사용하면 좋을지, 남용할 경우 발생할 수 있는 문제점을 설명해 주세요. useMemo와 useCallback이란?useMemo: 리액트 훅으로, 값이 변경될 때마다 함수의 결과를 재계산하지 않고, 특정 값이 변경될 때만 해당 값(메모이제이션된 값)을 재계산하여 캐싱함.사용법: useMemo(() => 계산할 값, [의존성 배열])용도: 복잡한 계산이나 비용이 큰 연산의 결과를 메모이제이션하여 불필요한 재계산을 방지.useCallback: 리액트 훅으로, 함수가 다시 생성되지 않도록 함수 자체를 메모이제이션함.사용법: useCallback(콜백 함수, [의존성 배열])용도: 컴포넌트가 리렌더링될 때 동일한 함수 인스턴스를 재사용하여..
Weekly-paper 2024. 9. 2. 07:52
1