logo

[React] 05. 리액트 Hooks

language-logoReactJS

• React Hooks는 React 16.8 버전에서 새롭게 추가된 기능으로, 함수형 컴포넌트에서도 상태관리를 할 수 있게 해주며, useState, useEffect, useReducer, useMemo 등이 대표적인 Hooks이다.
• useState는 함수형 컴포넌트에서 상태를 관리할 수 있게 해주는 Hooks로, 상태와 상태를 갱신하는 함수를 반환한다. useEffect는 컴포넌트가 렌더링 될 때마다 특정 작업을 수행하도록 설정해주는 Hooks이며, useReducer는 상태를 업데이트하는 로직을 관리하는 Hooks이다.
• React의 다양한 Hooks에 대해 설명하였으며, 이 중 useReducer는 상태를 업데이트하고 관리하는데 사용되며, reducer 함수와 초기값을 인자로 받는다. 또한, useCallback은 렌더링 성능을 최적화하는데 사용되며, 생성할 함수와 배열 형태의 체크할 값을 인자로 받는다.
• useMemo는 useCallback과 유사한 Hooks로, 이전에 사용한 값을 재사용하여 렌더링 성능을 최적화할 수 있다. 이러한 Hooks를 잘 활용하면 더욱 최적화된 코드를 작성할 수 있다.

thumbnail
북마크
공유하기
신고하기
4분 분량
조회수 161
profile-image송우든
2년 전
Copyright © 2025. Codenary All Rights Reserved.