[React .library] what is Redux ?

Before we start

 

시작하기에 앞서 Redux에 대해서 심층적으로 알아보게 된 계기를 설명할까 한다.

 

사실 Redux와 기능을 가장 비슷하게 하고 실제로 현업에서는

 

최근들어서 Redux 보다 더 많이 사용된다는 useContext, ContextAPI에 대해서 알아봤었다.

 

React를 활용한 프론트엔드 프로젝트 개발을 해본 경험자라면,

 

두가지중 한개는 무조건 사용해보았을 것이라 믿어 의심치 않는다.

 

내가 이렇게 서두에 얘기를 하는 이유는

 

필자는 useContext를 사용해서 프로젝트 개발을 완성시켜본 경험만 있다.

 

즉, Redux에 대해서는 확실하게 아는것이 없다고 해도 무방할 정도였다.

 

근데, 개발자의 덕목이란 내가 익숙하지 않은 방법이라 할지라도 경험을 해보거나 

 

사용법을 정확하게 알고 왜 쓰는지를 앎이 중요하다고 생각이 들었다.

 

바로 전 게시글인

 

2024.02.19 - [📁 𝐫𝐮𝐧𝐭𝐢𝐦𝐞𝐄𝐧𝐯𝐢𝐫𝐨𝐧𝐦𝐞𝐧𝐭/React.js] - [React .hook] How to use useContext ?

[React .hook] How to use useContext ?

 

해당 게시글에서 Redux에 대해서 알아보고자 한다고 기재해놓았다.

 

오늘 그 약속을 지키려한다.

 

So what is the Redux?

 

자, 그래서 Redux란 무엇이냐?

 

그렇다.

 

Redux는 사실 JavaScript 라이브러리중 하나이다.

 

React에서 고유하게 제공하고 있는 hook이 아니다.

 

따라서 의존성 설치를 해줘야지만 React 프로젝트에서 사용할 수 있다.

 

• Big differences between useContext and Redux

하지만 차이점을 알아야 적합한 상황에서 어떤 방법을 택할지

 

또는 효율적인 상태관리를 할 수 있게 도와준다.

 

내가 생각하는 가장 큰 차이점은 

 

1. Redux는 큰 규모의 프로젝트에서 즉, 대규모 프로젝트에 적합. 반면 useContext는 작은 규모의 프로젝트에 적합.

 

2. Redux의 상태 갱신과 관련된 로직은 상태저장소 createStore 에 useContext의 상태 갱신과 관련된 로직은 컴포넌트 내부에서 관리한다.

 

3. Redux는 추가적인 미들웨어를 통해 비동기 작업, 로깅 등의 기능을 추가할 수 있다.

 

4. Library 와 Hook의 차이.

 

5. Redux는 중앙집중식, useContext는 컴포넌트 집중식

 

6. 상태, 액션, 리듀서 등의 개념을 사용하여 상태 관리 로직을 구성.

 

이렇게 6가지의 차이점이 존재한다고 생각한다.

 

So... how to use Redux ?

 

Reudx를 사용하는 방법에 대해서는 

 

다음 게시글에서 설명하고자 한다.

 

2024.02.20 - [📁 𝐫𝐮𝐧𝐭𝐢𝐦𝐞𝐄𝐧𝐯𝐢𝐫𝐨𝐧𝐦𝐞𝐧𝐭/React.js] - [React .library] How to use Redux ?

[React .library] How to use Redux ?