zustand2 Hook vs Store 기본적으로 리액트 훅과 Store(전역 상태 관리) 는 상태관리를 위한 도구이지만, 용도가 다르다. ✅ React Hook정의: React 함수형 컴포넌트에서 상태나 라이프사이클 기능을 사용할 수 있게 하는 함수.대표 Hook: useState, useEffect, useReducer, useContext, useMemo 등.역할: 개별 컴포넌트 안에서의 로컬 상태를 관리.범위: 해당 컴포넌트 내에서만 유효. 다른 컴포넌트에서 직접 접근 불가.용도: 버튼, 로컬에서만 사용하는 입력 등✅ Store (전역 상태 관리)정의: 여러 컴포넌트가 공유하는 전역 상태를 저장하고 관리하는 공간.사용 예: Zustand, Redux, Recoil 등.역할: 앱 전체에서 사용할 수 있는 상태를 보관하고, 구독자를 업데이.. 2025. 5. 8. 데이터 바인딩 화면 상의 데이터(View)와, 웹 브라우저 메모리 상의 데이터(Model)의 정보를 묶어서(Binding) 일치시키는 것.즉, 동기화. 양방향 데이터 바인딩https://adjh54.tistory.com/49]정의 : JavaScript(Model) 과 HTML(View) 사이에 ViewModel 이 존재해서 하나로 묶여서, 둘 중 하나만 바뀌어도 같이 바뀌는 것. 대표적으로 Vue.js, Angular 가 이 방식이다.장점코드량이 줄어든다.복잡한 프로젝트일수록 코드량은 줄고, 유지보수가 용이해진다.단점변화에 따라 DOM 객체 전체를 렌더링하거나 데이터를 바꿔주므로 성능이 저하될 수 있다. (프레임워크가 계속 감시하다가 한쪽이 변경되면 이를 바로 반영하므로 별도 체크가 불필요하다)단방향 데이터 바인딩[.. 2025. 4. 17. 이전 1 다음
