패스트캠퍼스 챌린지 48일차 - 한 번에 끝내는 React의 모든 것 초격차 패키지 Online

수강 인증샷

---

패스트캠퍼스 챌린지란?

 패스트캠퍼스에서 진행하는 '50일 공부 루틴 챌린지' 행사로 50일 동안 매일 수강 인증샷과 함께 학습 기록을 게시글로 남기는 행사다.

---

48일차

 48일차에는 Part 2. React 라이브러리 Ch 05. 상태관리 라이브러리 챕터에서 01. MobX 1, 02. MobX 2, 03. MobX 3 강의 내용에 대해 기록하려 한다.

 MobX는 앞서 기술했던 Redux 라이브러리와 같은 상태관리 라이브러리이며 객체지향의 성격을 띄며 컴포넌트와 상태를 연결했던 Redux와 다르게 번잡한 보일러 플레이트 코드들을 데코레이터를 제공함으로써 간단하게 해결된다. MobX에서 Observable이라는 개념이 존재하는데, Observable은 MobX에서 렌더링 대상이되는 상태를 뜻하며 Observable 데코레이터로 지정한 상태는 관찰 대상으로 지정되어 그 상태값이 변경될 때마다 리렌더링 된다. MobX의 장점을 나열하면 다음과 같다.

1. 객체지향적

 상태관리 라이브러리들 중 객체지향의 성격을 갖는 라이브러리이며 ES6에 추가된 Class가 이름만 Class가 아닌 객체지향적으로 코드를 작성할 것을 권고한다.

2. 불변성 유지를 위한 노력이 필요하지 않다.

 상태의 불변성을 유지하기 위해 별도의 코드나 Immutable.js같은 라이브러리를 사용할 필요가 없다. 불변성을 유지하면서 상태를 변경하는 코드는 객체의 Depth가 깊어지게 되면 코드의 가독성이 떨어지는 문제가 발생하게 되는데 MobX가 아닌 Redux를 사용하게 되면 여러가지 설정이 필요하고 라이브러리가 추가적으로 필요하기 때문에 MobX가 이러한 면에서 장점을 갖게 된다.

---

본 게시글은 이벤트 참여를 위해 작성된 게시글입니다.

 

---

패스트캠퍼스 공식 홈페이지 : https://bit.ly/37BpXiC