Final Project 첫 날
오늘은 Final Project의 첫 날이다.
First Project의 팀원들과 마음이 잘 맞아서 팀원은 그대로 유지되었다.
첫 프로젝트는 시간이 매우 짧았고, 배운 내용을 복습하는 차원에서 진행했기 때문에 주제에 대해 많은 생각을 하지는 않았다.
기능을 구현 해 보는 것에 주 목적을 둔 것이다.
이번 프로젝트는 기업에 제출할 예정이라서 아이디어를 중요하게 생각해서 아이디어 회의에만 하루를 소비하였다.
주제는 정해졌고, 프로젝트 블로그를 작성하면서 차차 작성할 것이다.
Redux vs Context API
이번 프로젝트에 Redux를 사용해야하나 고민을 하다가 Context API라는 것을 알게 되었다.
-
Context API란?
리액트에서 다른 컴포넌트에서 데이터를 전달 받을 때 props를 사용한다.
props에는 한계가 존재한다. 바로 자신의 바로 위에있는 부모 컴포넌트로부터 직접 전달 받아야 한다는 점이다.
만약에 깊이가 1단계라면 괜찮겠지만, 3단계 4단계를 거쳐야 한다면 중간의 컴포넌트들이 필요가 없어도 props로 데이터를 전달해야 한다.
이를 해결할 수 있는 것이 바로 Context다.
리액트 폴더 어딘가에 context라는 장소를 만들고 어떠한 컴포넌트에 연결을 하면 그 하위에 있는 파일은 모두 Context의 관리 하에 들어간다.
만약 최상위에 있는 App.js에 Context를 연결하면 모든 컴포넌트에서 그 데이터를 사용할 수 있는 것이다.
Redux또한 Context API를 가지고 만든 라이브러리이다. -
Context API와 Redux의 차이점
- Context API는 Redux와 다르게 React에서만 사용할 수 있다.
- Redux와 다르게 여러 저장소가 존재할 수 있다.
- Redux가 더 뛰어난점
- 로컬 스토리지에 상태를 영속적으로 저장하고 시작할때 다시 불러오는데 뛰어나다.
- 액션 객체를 네트워크를 통해 보내면 코드를 크게 바꾸지 않고도 협업 환경을 구현할 수 있다.
등등
전역 상태 관리만 필요하면 Context API를 사용하고
상태 관리 외에 여러 기능이 필요하다면 Redux를 사용하면 된다.
참고자료:
cada.log - React Redux vs Context API
개발화라리 - contextAPI
