챌린지 28일 차. 리액트 강의가 끝난 후 리액트를 사용하여 쇼핑몰을 만드는 프로젝트가 있었다. 아직 리액트를 공부하는 과정이기때문에 공부를 조금 더 하고 진행하고 싶어서 우선은 보류하고 리덕스 파트로 넘어왔다. 이번 패캠 챌린지 뿐 아니라 다른 곳에서 진행하는 스터디로 리액트 커리큘럼을 만들어보았기때문에 많은 공부를 더 해보고 만들어보려한다!!! 그래서 오늘 정리해볼 파트는 리덕스이다.
리덕스
그간 리액트를 배울 때 상태관리를 위해서는 컴포넌트와 컴포넌트끼리 연결하여 관리해야한다고 배웠었다. 하지만 컴포넌트들이 다양해지고 복잡해진다면 어떻게 할까? 간단한 수정을 위해서도 연결되어 있는 컴포넌트를 거치고 거치고 거쳐서 코드를 수정하고 수정하고 또 수정해가며 작업을 해야한다. 이런 문제점을 보완하기 위해 우리는 Context API를 사용하여 더 편리하게 작업할 수 있었다. 이때, Context에 주어지는 전역 데이타를 어떻게 효과적으로 관리할 수 있을지에 대한 라이브러리가 리덕스이다. 리덕스를 사용하면 상태관리를 컴포넌트 바깥 쪽에서 할 수 있다.
리덕스의 단일 스토어 만들기
단일 스토어 사용 준비하기 ( 만들기 )
- import redux
- 액션을 정의하고
- 액션을 사용하는, 리듀서를 만들고,
- 리듀서들을 합친다.
- 최종 합쳐진 리듀서를 인자로 단일 스토어를 만든다.
준비한 스토어를 리액트 컴포넌트에서 사용하기 ( 사용하기 )
- import react-redux
- connect 함수를 이용해서 컴포넌트에 연결
패스트캠퍼스 [직장인 실무교육]
프로그래밍, 영상편집, UX/UI, 마케팅, 데이터 분석, 엑셀강의, The RED, 국비지원, 기업교육, 서비스 제공.
fastcampus.co.kr
본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.
#패스트캠퍼스 #패캠챌린지 #직장인인강 #직장인자기계발 #패스트캠퍼스후기 #한번에끝내는프론트엔드개발초격차패키지online
