반응형 컴포넌트2 React useEffect 기능 React의 useEffect는 함수형 컴포넌트에서 부수 효과(Side Effects)를 처리하기 위한 훅입니다. 컴포넌트가 렌더링될 때와 특정 상태나 props가 변경될 때, 또는 컴포넌트가 언마운트될 때 실행됩니다. 주요 사용 사례데이터 가져오기 (API 호출)DOM 조작구독 및 이벤트 리스너 설정타이머 설정리소스 정리 (예: 메모리 누수 방지) 기본 사용법import React, { useState, useEffect } from 'react';function Example() { const [count, setCount] = useState(0); // useEffect 사용 useEffect(() => { console.log(`현재 카운트는 ${count}입니다.`); }); .. 2025. 1. 17. 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 다음
