[TIL] thunk+axios 로 데이터 관리하기

(이전글)끝나지 않는 redux...

1. api로 받아오는 data를 map으로 돌리는 과정에서 에러 발생
2. 데이터를 받아오는 것보다 컴포넌트가 마운트 된 후 map을 돌리는 것이 더 빨라서 그런 것 으로 예상
3. 데이터가 처리되기 전까지 로딩화면을 만들어서 해결
   로딩화면 만들기

But
내가 처리한 방식은 데이터의 흐름을 명확하게 확인하지 않은 채 처리했다...? 라는 피드백을 받게 되었다.

일단 개발 일정이 있어서 그대로 두고 있었는데, 다른 컴포넌트에서 동일한 로직이 있어서 이번에는 redux thunk를 사용했더니 위에서 나왔던 오류가 해결됐다. (정확히는 옵셔널 체이닝으로 해결했다.)

그리고 프론트 쪽 개발이 진행되면서 리덕스를 사용하는 데이터와 안 하는 데이터가 있으니 데이터 흐름이나 코드를 파악하기 어렵겠다는 생각이 들었다.

그래서 또 겸사겸사

1. 데이터 흐름을 좀 더 분명하게 확인할 수 있다는 점
2. mvp 이후에 프로젝트 확장 가능성
3. redux가 꼭 필요하지 않아도 코드의 통일성을 위해(제3자가 본다고 가정했을 때...?)
4. 써보면서 공부하기

위 네 가지 이유로 결국 api로 받아오는 데이터는 전부 리덕스에 저장하기로 했다.

기존에 있던 것도 하나씩 수정하고 있는데 아직은 잘 작동하고 있는 것 같돠