개발/TMP

2023.09.20.WEB (useState, useRef, useEffect, useMemo, React.memo, useCallback, useReducer, Context)

잇(IT) 2023. 9. 20. 19:53
728x90
  1. useState: useState Hook은 함수 컴포넌트에서 상태를 관리하는 데 사용됩니다. 상태 변수와 해당 변수를 업데이트하는 함수를 반환합니다.
  2. useRef: useRef Hook은 DOM 요소 또는 다른 값을 참조하는 데 사용됩니다. current 프로퍼티를 통해 참조된 값을 유지합니다.
  3. useEffect: useEffect Hook은 부수 효과(side effect)를 수행하는 데 사용됩니다. 컴포넌트가 렌더링될 때마다 특정 작업을 실행하거나 정리할 때 사용합니다.
  4. useMemo: useMemo Hook은 계산 비용이 높은 계산 결과를 캐싱하고, 의존성 배열에 변화가 없는 한 결과를 재사용하는 데 사용됩니다.
  5. React.memo: React.memo 함수는 컴포넌트를 메모이제이션하여, 컴포넌트의 props가 변경되지 않으면 다시 렌더링되지 않도록 합니다.
  6. useCallback: useCallback Hook은 함수를 메모이제이션하여, 의존성 배열에 변화가 없는 한 같은 함수 인스턴스를 재사용할 수 있게 합니다.
  7. useReducer: useReducer Hook은 복잡한 상태 관리 로직을 다루는 데 사용됩니다. 상태를 관리하고 상태를 업데이트하는 데 필요한 함수를 제공합니다.
  8. Context: Context는 React 애플리케이션에서 전역 상태나 데이터를 공유하기 위한 메커니즘입니다. Provider와 Consumer를 사용하여 컴포넌트 간에 데이터를 전달할 수 있습니다.

- 라고 합니다... 일단... 추가적으로 자세히 알아봅시다.......

728x90

'개발 > TMP' 카테고리의 다른 글

자주 헷갈리거나 까먹는 것들 정리  (0) 2023.10.04
AXIOS  (1) 2023.10.02
2023.09.17.SUN  (0) 2023.09.17
2023.09.07.THU  (0) 2023.09.07
2023.09.06.WED  (0) 2023.09.06