React를 학습하면서 가장 중요한 개념 중 하나는 상태(state) 관리다. 특히 사용자 입력에 반응하는 방식과 상태를 다루는 방법을 이해하는 것이 중요하다. 이번 글에서는 React 공식 문서와 Reacting to Input with State를 기반으로, 상태 관리와 입력 반응에 대해 정리해보겠다.1. React의 상태(state)란?상태(state) 는 React 컴포넌트에서 값이 변경될 때 UI를 다시 렌더링하는 중요한 데이터다. 컴포넌트의 내부 상태를 나타내며, 예를 들어 사용자 입력, 체크박스 상태, 카운터 값 등이 상태가 될 수 있다.React에서는 useState 훅을 사용해 상태를 관리한다.useState를 이용한 상태 선언import { useState } from "react";f..

React를 공부하며 만난 export의 두 가지 형태안녕하세요, React를 공부하면서 export default function Button()과 export function Button()의 차이에 대해 헷갈렸던 적이 있었어요. 처음엔 "똑같이 export인데 뭐가 다를까?" 싶었는데, 실제로 사용해보면서 중요한 차이를 발견했습니다. 오늘은 이 차이를 정리해보려고 해요! 😊1️⃣ export default function Button()// Button.jsexport default function Button() { return Click Me;}사용 방법:// App.jsimport Button from './Button';function App() { return ;}export defa..