Conceptly
← 경로 목록으로

🔄 상태 관리와 외부 세계

컴포넌트 상태부터 전역 공유, 사이드 이펙트까지

🧠StateStep 1
→ 세부 보기

단일 컴포넌트의 로컬 상태 관리부터 시작합니다

🌐ContextStep 2
→ 세부 보기

여러 컴포넌트가 같은 값을 공유해야 할 때 Context로 해결합니다

EffectStep 3
→ 세부 보기

API 호출이나 타이머 같은 외부 시스템과의 동기화를 Effect로 처리합니다

🎯RefStep 4
→ 세부 보기

렌더링과 무관하게 값을 기억하거나 DOM에 직접 접근할 때 Ref를 사용합니다

⌨️Controlled ComponentsStep 5
→ 세부 보기

폼 입력을 React 상태로 완전히 제어하는 패턴을 배웁니다