Form 관련 Hooks 비교Next.js와 React에서 제공하는 폼 관련 Hooks들의 차이점과 사용법을 알아보자. 1️⃣ useFormStatus가장 단순한 형태의 Hook으로, 폼의 제출 상태만을 추적한다.import { useFormStatus } from "react-dom";import action from './actions';export default function App() { return ( );}function Submit() { const status = useFormStatus(); return Submit}pendding: 폼 제출 중인지 여부 확인data: 상위 form에서 제출한 데이터의 정보 method: 'GET' or "POST' 중 ..

리액트란?정의: React는 자바스크립트 라이브러리로, 컴포넌트 기반으로 UI를 구성한다. 특징: 가상 DOM을 활용해 효율적으로 화면을 업데이트Batch Update를 통해 효율적으로 렌더링 처리 단점:가파른 학습 곡선: 컴포넌트 기반의 아키텍처 및 JAX 문법, 상태 관리 등의 복잡한 개념 및 설계를 해야 한다.SPA 구조의 CSR 방식: 초기 로딩 속도 지연 및 SEO 취약하다.현재는 SSR 및 서버 컴포넌트, 다양한 프레임워크를 통해 많이 극복되었다.컴포넌트란? 정의: 재사용이 가능한 각각의 독립된 모듈을 말한다. 쉽게 말해, 하나의 작은 UI 조각이자 기능을 가진 함수라고 생각하면 된다. 또한, 여러 독립된 컴포넌들을 조합하여 하나의 화면을 구성한다. 특징:재사용 가능: 한 번 정의한 컴포넌..