반응형 Hook2 React Hook이란? React Hook이란?React Hook은 클래스형 컴포넌트 없이도 상태(state)와 생명주기(lifecycle) 기능을 사용할 수 있도록 도와주는 함수입니다. React 16.8에서 도입되었으며 함수형 컴포넌트에서도 상태 관리 및 부작용(side effects) 처리를 가능하게 합니다. Hook을 사용하는 이유1. 클래스형 컴포넌트의 복잡성을 줄임기존에는 상태를 관리하려면 class 컴포넌트를 사용해야 했지만, Hook을 사용하면 function 컴포넌트에서도 상태 관리가 가능합니다.// 기존의 클래스형 컴포넌트class Counter extends React.Component { state = { count: 0 }; render() { return ( this.setStat.. 2025. 3. 3. React useState 기능 React의 useState는 함수형 컴포넌트에서 상태 관리를 가능하게 하는 훅(Hook)입니다. 컴포넌트가 재렌더링되더라도 상태를 유지하고 상태 변경 시 UI를 업데이트할 수 있도록 돕습니다. 기본 사용법 import React, { useState } from 'react';function Counter() { // state 변수와 setter 함수 선언 const [count, setCount] = useState(0); return ( 현재 카운트: {count} setCount(count + 1)}>증가 setCount(count - 1)}>감소 );}export default Counter; 주요 특징 1. 초기값 설정: useStat.. 2025. 1. 15. 이전 1 다음
