반응형 프로그래밍배우기2 React fetch 기능 React에서 fetch는 데이터를 가져오기 위해 사용되는 기본 JavaScript API입니다. 주로 REST API와 통신하거나 외부 데이터를 가져올 때 활용됩니다. fetch는 Promise 기반이므로 비동기 작업을 수행하는 데 적합하며 React의 상태 관리와 결합하여 유용하게 사용할 수 있습니다. 기본 사용법fetch('https://api.example.com/data') .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); // JSON 데이터를 파싱 }) .then(data => { console.log.. 2025. 1. 19. 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. 이전 1 다음
