if(life){code();}

useContext React의 Context API를 활용해 컴포넌트 트리 전체에서 데이터를 전달하는 방식→ props 없이도 전역적으로 상태를 공유할 수 있음→ 부모 컴포넌트에서 Context의 Provider를 설정하면, 해당 Provider 하위의 모든 컴포넌트에서 데이터 공유 가능 ※ 전역 상태 관리와는 다름Context Provider 내부의 컴포넌트에서만 상태 공유 가능  Context API 활용 예다크 모드 / 라이트 모드 테마 설정로그인 상태 관리 (Auth Context)언어 설정 (i18n, 다국어 지원) useContext 사용법 createContext로 컨텍스트 생성Context.Provider에서 value로 상태, 함수 전달useContext(Context)로 데이터 접근 ..

State React에서의 State 컴포넌트의 상태컴포넌트가 가지고 있는 데이터나 조건을 나타냄예:Todo List에서의 할 일 목록 == 컴포넌트의 상태→ 사용자가 할 일을 추가하거나 삭제하면 상태가 변경, 이에 따라 UI가 업데이트됨 useState Hook을 사용한 상태 관리 상태 값을 정의하고, 이를 업데이트하는 함수도 함께 제공해야 함 (상태 정의, 변경)const [state, setState] = useState(initialValue);state: 현재 상태 값setState: 상태를 변경하는 함수initialValue: 초기 상태 값상태 값을 변경하면 React가 자동으로 해당 컴포넌트를 다시 렌더링 하여 UI를 업데이트함 State 업데이트 방법 새로운 값을 바로 설정 setState..