상태관리 2

[Redux] 리덕스의 개념을 잡아보자!!

리덕스 (Redux) 란? - 리액트에서 가장 많이 사용하는 상태 관리 라이브러리이다. - 주의해야 할 점은 , react만을 위한 라이브러리는 아니다. - useState와 마찬가지로 변하는 값들을 관리해주는 관리 시스템이다. - 컴포넌트의 상태 업데이트 관련 로직을 다른 파일로 분리시켜 효율적으로 관리가 가능하다. - 컴포넌트끼리 같은 상태를 공유해야 할 때도 여러 컴포넌트를 거치지 않고 값을 전달, 업데이트 할 수 있다. Redux flow는 어떻게 될까? 1. 하나의 중앙 데이터(state) store을 갖는다. 2. 상태값을 바뀔 때마다 데이터들의 state 값을 수정해줄 reducer 함수를 만든다. 3. dispatch를 사용하여 reducer에게 state 값을 수정하라고(action 값을..

FE/Redux 2022.06.17

[React] Context란 무엇이고 어떻게 사용할까? (Context API 그리고 관련 Hook)

기존은 컴포넌트의 props를 통한 데이터 전달이 이루어 진다. 하지만 여러 컴포넌트에 거쳐 자주 사용되는 데이터( 예 : 로그인여부, 프로필정보)의 경우 기존방식은 코드가 복잡하고 불편해진다. 이것을 해결하기위한 방법이 바로 Context이다. Context에 대해 알아보자! Context ? - 컴포넌트 트리를 통해 부모가 자식을 통해 전달해주는것이 아닌 곧바로 컴포넌트로 데이터 전달한다. - 코드가 깔끔해지고, 데이터를 한곳에서 관리하기 때문에 디버깅도 유리하다. 언제 context를 사용할까 ?? - 여러개의 component들이 접근해야하는 데이터에 사용 ex ) 로그인여부 , 정보 ui테마 , 현재언어 등 .. 사용하기전에 고려할점 - component와 context가 연동되면 재사용성이 떨..

FE/REACT 2022.06.15