주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

React는 MVC패턴에서 V(View)를 담당하고 있습니다. 앱이 가벼운 경우에는 State로 데이터를 핸들링 할 수 있지만, 앱이 커질 경우에는 데이터 관리를 별도로 해야하는 요구사항이 생기게됩니다. 이때 사용할 수 있는 것이 Redux와 MobX 등, 상태 관리 라이브러리입니다. redux-saga는 redux의 액션 생성자와 reducer의 순수성을 유지하고 사이드 이펙트를 처리하기 위해 사용합니다. 여기서 사이드 이펙트는 부작용을 발생시키는 어떠한 효과가 아니라, 데이터 요청이나 비동기 작업, 브라우저 캐시 같이 순수하지 않은 작업들을 의미합니다. Redux-Saga란? redux-saga는 리덕스의 미들웨어입니다. 리덕스가 액션을 수행하면 redux-saga에서 디스패치하여 redux의 액션을..

이터러블 (Iterable) 순회가능한 객체를 말합니다. 순회 가능한 객체는 Symbol.iterator 심볼 속성을 가지고 있으며 이터레이터 객체를 반환하는 객체를 말합니다. 이러한 것을 이터러블 프로토콜이라고 하며 이터러블 객체라고 합니다. 이터레이터 (Iterator) 이터러블 메소드로 반환하는 객체입니다. next 메소드를 구현하고 있으며 value, done을 반환하는 객체입니다. 반환되는 IteratorResult는 {done: boolean, value: any} 형태의 단순한 객체입니다. next 메소드를 통해 모든 값을 돌고 나면 done이 true로 나오며 끝납니다. 한번 끝난 이터레이터는 다시 돌아가지 않으며 value가 undefined로 리턴합니다 이러한 것을 이터레이터 프로토콜이..