eokeuroding 님의 블로그

01.useState useState는 컴포넌트에 state변수를 추가할 수 있는 React Hook입니다//배열 구조 분해를 사용하여 state 변수의 이름을 지정하는것이 규칙입니다.const [ state, setState ] = useState(initialState) 매개변수initialState :  state의 초기 설정값입니다. 어떤 유형의 값이든 지정할 수 있지만 함수에 대해서는 특별한 동작이 있습니다. 이 인수는 초기 렌더링 이후에는 무시됩니다.함수를 initialState로 전달하면 이를 초기화 함수로 취급합니다. 이 함수는 순수해야 하고 인수를 받지 않아야 하며 반드시 어떤 값을 반환해야합니다. 반환값state : 현재 state입니다. 첫 번째 렌더링 중에서는 전달한 initialS..

useFormStatus  훅은 폼 제출시의 상태 정보를 손쉽게 확인할 수 있도록 설계되었다.이를 통해 폼 내부의 컴포넌트들이 현재 폼의 제출 상태를 인지하고, 그에 따라 UI를 동적으로 변경할수있습니다. 1. 주요 특징실시간 제출 상태 확인 : useFormStatus를 사용하면 폼이 현재 제출 중인지(pending), 제출된 데이터(data),HTTP 메서드(method),그리고 액션(action)등의 정보를 실시간으로 확인할 수 있습니다.컴포넌트 간 상태 공유 : 폼 내부의 어떤 컴포넌트에서도 useFormStatus를 호출하여 폼의 상태를 공유할 수 있어, 프로퍼티 드릴링 없이도 상태 관리를 효율적으로 할 수 있습니다.2. 사용 방법 import { useFormStatus } from 'reac..

fact( 해당 주제의 기본적인 이론 ) 와 thought (해당 주제를 배우며 궁금했던 점 )  을 통해 구분하며 작성해보겠습니다.  [fact]1. React Hooks 이란 useEffect, useState 같은 함수형 컴포넌트에서 상태와 생명 주기를 관리하기 위해 제공되는 특정 기능 2. React Hooks 메커니즘 이란  React 내부에서 Hooks가 어떻게 동작하고, 어떤 원리로 상태와 로직을 관리하는지 설명하는 구조와 동작 원리 3.React Hooks 메커니즘의 동작 원리1. React는 컴포넌트를 함수처럼 호출한다. 이 함수가 호출되면 HTML처럼 보이는 JSX코드를 반환한다. React 는 컴포넌트를 호출 할때 내부적으로 상태와 로직을 처리하가위해 "hooks" 를 사용한다1.1 ..