Container에 이어서 mobx로 to do app 구현하기를 해봤다. 여러개의 컴포넌트에서 store를 import해서 쓰니까 확실히 사용법을 익히게 되었다. 디렉토리 구조 src > pages > Todo.jsx / Input.jsx / List.jsx : Components 역할 src > stores > todo.js : input과 todoList state 관리하는 store 역할 src > useStore.js : store를 모아서 api처럼 사용하는 역할 todo.js : Store […]
React components 구조에 익숙해지고 나니 MobX에 대한 필요성을 느꼈다. 전에는 MobX를 다른사람 코드만 보고 따라해봤는데 이젠 목표를 정해서 익숙해지려고 한다. 처음 구현해볼 것은 아주 간단한 Counter이다. Counter 구조 src > pages > Counter.jsx : component역할 src > stores > counter.js : store 역할 useStore.js : stores를 하나에 모아 useStore()로 제공 counter.js : count하는 변수와 메소드를 […]