반응형 훅1 useState를 중심으로 상태 변화 화면 변경 Tailwind 스타일 ✅ 핵심 키워드: useState✔️ 정의useState는 React 컴포넌트 내부에서 값을 저장하고,그 값이 바뀌면 자동으로 해당 컴포넌트가 다시 렌더링되는 메커니즘입니다.🧠 상태 변화 흐름 정리① 상태 정의const [flag, setFlag] = useState(false);항목의미flag현재 상태값 (true/false 같은 정보 저장)setFlag상태를 변경하는 함수 (flag가 바뀌면 화면 자동 갱신) ② 사용자 이벤트로 상태 변경const handleToggle = () => { setFlag(!flag);}사용자가 버튼 클릭 시 handleToggle 함수 실행flag가 true ↔ false로 변경됨③ 상태 변경 → 화면 다시 렌더링상태가 바뀌면 컴포넌트 전체가 다시 실행됨flag가 .. 2025. 7. 3. 이전 1 다음 반응형
