전체 글 (81) 썸네일형 리스트형 React Hooks : useMemo(), useCallback() 불필요한 재랜더링 줄이기 useMemo() 메모이제이션된 값을 반환한다. 더보기 💡 메모이제이션이란? 컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이전에 계산한 값을 메모리에 저장하고, 동일한 계산 반복 수행을 제거한다. 함수, 의존성 값의 배열 의존성이 변경되었을 때만 메모이제이션 된 값만 다시 계산한다. useMemo로 전달된 함수는 랜더링 중에 실행된다. (통상적으로 렌더링 중에 하지 않는 것을 함수에서 하지 않는다.) useCallback() 메모이제이션된 콜백을 반환한다. 콜백의 메모이제이션된 버전을 반환한다. 메모이제이션된 버전은 그 의존성 배열이 변경되었을 때만 변경된다. find() Method find() 주어진 판별 함수를 만족하는 첫번째 요소의 값을 반환한다. 조건에 맞는 요소가 없을 경우 undefined를 반환한다. const test = ['a', 'ebdd', 'dfwe', 'df', 'as', 'eeee', 'dd'] const found = test.find(el => el.length === 2) found 'df' map과 forEach의 차이? Map 메모리를 할당하고, return 값을 저장한다. 값을 기존의 배열을 가지고 새로운 배열을 생성한다. 대신 기존의 배열의 값은 바뀌지 않는다. 새로운 배열을 변수에 담을 수 있다. forEach() 배열의 요소를 한번씩 실행한다. 새로운 배열을 리턴하는 map과 달리 항상 undefiend를 리턴한다. https://www.freecodecamp.org/news/4-main-differences-between-foreach-and-map/ The Differences Between forEach() and map() that Every Developer Should Know JavaScript has some handy methods which help us iterate through our ar.. 이전 1 2 3 4 5 ··· 27 다음