개발자의 끄적거림

네비게이션 메뉴에 서 쓰일 정보들은 useState useSelector 어디서 관리하는게 좋을까? 무조건 리덕스(Redux)와 같은 전역 상태 관리 라이브러리를 사용하는 것이 훨씬 효율적이고 useState로도 구현은 가능하지만, 앱의 구조가 복잡해지고 유지보수가 매우 어려워집니다. ## 왜 리덕스가 더 효율적인가? 모바일 앱에서 하단 메뉴바(네비게이션 바)는 어떤 페이지에 있든지 항상 화면에 유지되는 최상위 컴포넌트 중 하나입니다. 사용자가 메뉴를 커스텀하는 화면은 보통 '설정'이나 '메뉴 편집' 같은 특정 페이지에 있습니다.이 상황을 정리하면 다음과 같습니다.메뉴를 변경하는 곳: '메뉴 편집' 페이지 (하위 컴포넌트)변경된 메뉴가 표시되는 곳: 하단 메뉴바 (최상위 컴포넌트)이처럼 서로 다른 위치..

useState: 상태(state) 관리를 위해 사용되는 함수로, 함수 컴포넌트에서 상태를 추가하고 변경할 수 있게 해줍니다. useState 함수는 배열을 반환하며, 첫 번째 요소는 현재 상태 값이고, 두 번째 요소는 상태 값을 갱신하는 함수입니다. import React, { useState } from 'react'; function Counter() { const [count, setCount] = useState(0); const increment = () => { setCount(count + 1); }; return ( Count: {count} Increment ); } useEffect: 부작용(side effect) 처리를 위해 사용되는 함수로, 컴포넌트 렌더링 후에 실행됩니다. 주로 ..