[Hook] useCallback, useMemo useCallback 과 useMemo를 정리한 블로그들을 몇번 보다보면 항상 필수적으로 메모이제이션이라는 개념을 먼저 알려준다 메모이제이션(memoization)이란? 기존에 수행한 연산의 결과값을 어딘가에 저장해두고 동일한 입력이 들어오면 재활용하는 프로그래밍 기법 memoization을 적절히 적용하면 중복연산을 피할 수 있기 때문에 메모리를 조금 더 쓰더라도 애플리케이션의 성능을 최적화 할 수 있다. -React에서 컴포넌트가 렌더링하는 규칙에는 크게 3가지가 있다 1. state나 props가 변경되었을 때 2. forceUpdate() 실행했을때 3. 부모 컴포넌트가 렌더링 되었을 때 애플리케이션의 규모가 커지면서 리렌더가 점점 더 잦아진다면 이는 서비스 사용에 불편을 초래한다. 따라서 리렌더.. 2022. 10. 13. [Hook] useState, useEffect 상태값과 생명주기 리액트 훅은 리액트 버전 v16.8 부터 추가된 요소로 해당 버전 이후에서 사용할 수 있다 리액트 문서에서는 훅을 설명하기를 컴포넌트 사이에서 상태 로직을 재사용, 복잡한 컴포넌트의 이해가 어렵고 혼동되기 쉬운 클래스 없이 리액트를 기능을 사용하게 하기 위해 만들어 졌다고 한다 # useState -컴포넌트에서 동적인 값을 상태(state)라고 한다. 리액트에 useState는 컴포넌트에서 상태 관리를 할 수 있다 -state의 값을 변경시킴으로써 컴포넌트를 렌더링 시킬 수 있다. 사용법 1. import : react에서 useState를 import 받는다 import {useState} from 'react'; 2. 변수 선언 : state의 생성과 동시에 가져야 할 초기값을 useState함수의 .. 2022. 10. 13. 이전 1 다음
