08.13 - 프론트엔드 개발자의 필수 역량 | redux-saga 쓰는 이유

 

1. 프론트 개발자의 필수 역량

LG Mycollection 프로젝트를 하면서, Owen 님 같은 현업 분의 프론트 엔드 코드를 볼 수 있는 것은 정말 큰 도움이 된다.

특히, 이번 API 요청 처리를 보면서 아래 능력은 프론트 개발자로써 정말 필수라 느껴졌다.

• 네트워크에 대한 이해
  • HTTP 요청/응답 관련된 디테일한 내용들
• 비동기 처리
• 웹팩에 대한 이해
  • 구성과 활용 등(중요)
• Browser에 대한 이해
  • cookie set하는 여러 방법

위 내용들이 또 특히 내가 많이 약한 부분인데, 개인 프로젝트를 하면서 연습해 봐야겠다

 

2. Redux-saga 쓰는 이유(React Library의 관심사)

비동기 요청을 보내기 위해, 지금처럼 따로 lib 없이 axios 만으로 관리할 것인지, redux-saga를 쓰는게 좋을지 고민이 되어 구글에 "redux-saga를 쓰는 이유"에 대해 검색해봤다.

 

시간이 없어 많은 글을 읽지는 못했지만, 가장 그럴듯하게 설명을 잘한 링크는 아래였다.

https://min9nim.vercel.app/2020-04-23-redux-saga/

redux-saga 가 해결하는 문제

요약하자면, 각 Lib가 하나의 역할에만 집중하고자, 즉, 각 요소가 하나의 역할을 하도록 역할을 분산하기 위해 쓴다는 것이다.

React →  화면을 rendering 하는데 집중

Redux → state를 관리하는데 집중

Saga → 비동기 요청 관련 로직 처리에 집중