useContext2 useContext 테마바꾸기 app.jsximport { AppProvider, useApp } from './context/AppContext';import Toolbar from './components/Toolbar';import ContentPanel from './components/ContentPanel';/** * Context 방식: 상태는 Provider 안에 있고, * 자식은 useApp()으로 접근합니다 (props는 최소화). */function AppShell() { const { theme } = useApp(); return ( useContext 예제 상태는 AppContext · useApp() );}export d.. 2026. 3. 28. 20차시. Context API 20차시. Context API학습 목표createContext를 사용할 수 있다useContext Hook을 사용할 수 있다Provider로 Context를 제공할 수 있다로그인 상태를 전역으로 관리할 수 있다1. Context API 기본 사용법1.1 Context 생성createContext:import { createContext } from 'react';const UserContext = createContext();1.2 Provider 설정Provider로 감싸기:function App() { const [user, setUser] = useState(null); return ( );}1.3 useContext 사용값 가져오기:import { useContex.. 2026. 3. 20. 이전 1 다음