FrontEnd/React.js3 [React] 리액트 훅(hooks) / useRef >> 리액트 훅 useState, useEffect 참고 https://pplucy.tistory.com/90 [React] 리액트 훅(hooks) / useState / useEffect React Hook( 리액트 훅 ) : 리액트 훅이란, 함수형 컴포넌트를 지원하기 위한 기능으로 '기존에 존재하고 있던 어떠한 기능에 갈고리처럼 끼어 들어가 수행되도록 하는 것' 을 뜻한다. 기본적으로 리 pplucy.tistory.com >> 리액트 훅 useMemo, useCallback 참고 https://pplucy.tistory.com/91 [React] 리액트 훅(hooks) / useMemo / useCallback >> 리액트 훅 useState, useEffect 참고 https://pplucy.tis.. 2023. 7. 20. [React] 리액트 훅(hooks) / useMemo / useCallback >> 리액트 훅 useState, useEffect 참고 https://pplucy.tistory.com/90 [React] 리액트 훅(hooks) / useState / useEffect React Hook( 리액트 훅 ) : 리액트 훅이란, 함수형 컴포넌트를 지원하기 위한 기능으로 '기존에 존재하고 있던 어떠한 기능에 갈고리처럼 끼어 들어가 수행되도록 하는 것' 을 뜻한다. 기본적으로 리 pplucy.tistory.com 3) useMemo useMemo 훅은 메모이제이션(memoization) 값을 반환하는 훅으로, 의존성 배열의 상태값이 변경되었을 경우 내부의 함수가 실행되고, 그렇지 않은 경우 기존에 메모이제이션 되었던 값을 반환하는 역할을 한다. 아래의 코드는 useMemo의 기본 사용법이다... 2023. 7. 18. [React] 리액트 훅(hooks) / useState / useEffect React Hook( 리액트 훅 ) : 리액트 훅이란, 함수형 컴포넌트를 지원하기 위한 기능으로 '기존에 존재하고 있던 어떠한 기능에 갈고리처럼 끼어 들어가 수행되도록 하는 것' 을 뜻한다. 기본적으로 리액트 클래스형 컴포넌트에서는 아래와 같이 특정 라이프 사이클을 제어할 수 있는 기능들이 있다. ComponenetDidMount ComponenetWillUnMount, ComponentDidUpdate 하지만 함수형 컴포넌트에서는 라이프 사이클을 제어할 수 있는 기능이 따로 없었다.그렇기 때문에 특정 라이프 사이클에 실행되어야 하는 함수를 개발하는데에 어려움이 있었고, 리액트는 이러한 함수형 컴포넌트의 단점을 보완하기 위해 훅(Hook)을 도입하게 된다. 리액트 훅은 기본적으로 useState, use.. 2023. 7. 18. 이전 1 다음