hanker

react 프로젝트를 제일 많이 보이는 코드가 아래와 같다.const [documents, setDocuments] = useState([]);이 코드가 어떤 기능을 하는지 알아보자. useState란 React에서 컴포넌트의 상태(state)를 관리하기 위한 Hook이다.즉 화면에 표시되는 데이터가 시간에 따라 변할 수 있는 값을 말한다. 기본 사용법 const [documents, setDocuments] = useState([]); documents상태 값 (state value) 이다.여기서는 [] (빈 배열)로 초기화되었고, 처음에는 비어있는 상태이다.setDocuments상태를 변경할 때 사용하는 함수다.documents 값을 직접 수정하지 않고, 반드시 이 함수를 통해 변경해야 한다.이유..

React에서 함수형 컴포넌트를 쓸 때, 상태 관리와 생명주기 처리는 Hook을 통해 구현한다.그중에서도 가장 많이 쓰이는 것이 바로 useState와 useEffect이다. 1. useState - 상태(state) 관리 useState는 컴포넌트 안에서 상태 값을 선언하고 관리할 수 있게 해주는 Hook이다.상태가 변경되면 해당 컴포넌트는 자동으로 리렌더링 된다.const [state, setState] = useState(initialValue); state : 현재 상태 값setState : 상태 변경 함수initialValue : 상태의 초기값// 예시import React, { useState } from "react";function Counter() { const [count, set..