전체 글 (166) 썸네일형 리스트형 카운트앱 만들기(2) - 데코레이터 사용 MobX 6 이전에는 observable, computed, action을 표시하기 위해 ES.next 데코레이터를 사용하도록 권장했습니다. 그러나 데코레이터는 현재 ES 표준이 아니며 표준화 과정에도 오랜 시간이 소요되고 있습니다. 또한 표준화되는 데코레이터는 기존의 시행되었던 방식과 다를 것으로 보입니다. MobX 6는 호환성을 위해 데코레이터에서 벗어나 makeObservable / makeAutoObservable을 사용할 것을 권장합니다. 그러나 기존의 많은 코드베이스와 온라인 문서 및 튜토리얼 자료에서 데코레이터를 사용하고 있습니다. observable, computed, action와 같이 makeObservable 의 주석으로 사용할 수 있는 것은 무엇이든 데코레이터로 사용할 수 있다는 것.. 카운트앱 만들기(1) - mobx 6버전으로 만들기 npx create-react-app ./ npm install mobx 위 두 명령어를 사용해서 react과 mobx를 설치합니다. makeObservable 속성(property), 모든 객체, 배열, map과 set은 observable로 설정될 수 있습니다. 객체를 observable로 만드는 가장 기본적인 방법은 makeObservable를 사용하여 속성마다 주석을 지정하는 것입니다. counterStore.js 파일을 생성후 코드를 위와 같이 작성합니다. observable : state를 저장하는 추적 가능한 필드를 정의합니다. action : state를 수정하는 메소드를 표시합니다. computed : state로부터 새로운 사실을 도출하고 그 결과값을 캐시하는 getter를 나타냅니다... Mobx Mobx란? react에서 redux이후로 많이 사용되는 상태 관리 라이브러리입니다. 간단하고 확장 가능한 상태 관리, 쉽고 확장성 있게 만들어 주는 검증된 라이브러리입니다. mobx 공식문서: https://ko.mobx.js.org/README.html 원래는 @데코레이터를 사용했지만 mobx 6부터는 데코레이터 사용을 지양하는 중입니다. MobX 작동원리 MobX 예제를 통해 작동원리 이해하기 이전 1 2 3 4 5 6 7 ··· 56 다음
