프런트엔드 개발에서 폼을 다루는 방식은 크게 제어 컴포넌트와 비제어 컴포넌트로 나뉩니다. 두 방식을 정확히 이해하면 성능 최적화와 유지보수 측면에서 큰 도움이 됩니다. 본 글에서는 두 방식의 차이를 설명하고, react-hook-form이 왜 비제어 컴포넌트 방식을 택
React의 <Suspense> 컴포넌트는 자식 컴포넌트를 렌더링하기 전에 필요한 데이터를 로드하는 동안 대체 UI(Fallback) 를 보여주는 역할을 합니다.즉, 비동기적으로 데이터를 가져오거나 코드 스플리팅을 통해 컴포넌트를 동적으로 로드할 때, 사용자에게
세 가지 타입은 아래와 같이 포괄 관계를 가진다:ReactNode: 가장 포괄적인 타입. 문자열, 숫자, boolean, null, undefined, ReactElement, ReactFragment, ReactPortal 등 모두 포함된다.ReactElement: