Redux Saga - WebSocket(socket.io) 이벤트 처리

이 글은 React와 Redux 생태계에서 WebSocket과 같은 외부 이벤트 처리에 대한 고민을 다룹니다. 외부 이벤트 발생 시 앱 상태에 따라 다르게 처리하거나 무시하는 등 복잡한 로직 구현의 어려움을 설명하며, 특히 Redux 미들웨어와의 연동 필요성을 강조합니다.

Redux 스토어 API만으로는 서비스 로직 처리가 까다롭기 때문에, 이 글에서는 Redux Saga를 활용하여 WebSocket 이벤트를 처리하는 방법을 소개합니다. Redux와 Redux Saga에 대한 사전 이해가 필요하며, Redux Saga의 채널 API를 활용하여 소켓 이벤트 채널을 만드는 과정을 설명합니다.