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

2022. 3. 14. 09:11공부/패스트캠퍼스

수강 인증샷


패스트캠퍼스 챌린지란?

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


50일차

 50일차에는 Part 2. React 라이브러리 Ch 05. 상태관리 라이브러리 챕터에서 07. 중간 복습 강의 내용에 대해 기록하려 한다.

 이번 중간 복습에서는 Ch 04. 데이터 모킹 라이브러리 챕터에서 배웠던 Mock Service Worker 강의와 Ch 05. 상태관리 라이브러리 챕터에서 배웠던 Redux, MobX 강의를 복습하는 시간을 가진다. MSW에서 데이터를 직접 mocking을 모킹해보고 Brower를 통해서 Browser의 Service Worker를 활용해서 msw의 데이터를 네트워크 단에서 하이재킹하여 우리가 원하는 mocking된 데이터를 받을 수 있도록 하는 법을 배웠다. 다음으로 Redux는 기존에 상태 관리를 해당 컴포넌트에서만 할 수 있었던 지역 상태 관리의 한계를 전역으로 끌어올릴 수 있게 해 준 라이브러리였다. Redux는 데이터는 한 방향으로만 흐른다는 Flux 구조를 가지고 있으며 store, reducer, action과 같은 요소들이 Redux의 구성 요소였다. 마지막으로 MobX는 Boilerplate가 없어서 간단하다는 장점을 가지고 있으며 Observable과 Observer라는 개념을 이용하여 반응형 프로그래밍을 지원한다.

 라이브러리를 고르는 기준은 npm trends를 이용하여 사용자 수의 추세를 기준으로 고를 수도 있으며 단점, 장점을 기준으로도 고를 수 있다. 예를 들어, Redux는 Boilerplate가 많은게 단점 MobX는 간편한게 장점일 수도 있지만 반대로 생각할 수도 있기 때문에 필요에 따라 단점과 장점을 대조해가며 고를 수도 있다.


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


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