비동기 처리3 [React/Redux] redux-thunk 리덕스의 또 다른 미들웨어인 redux-thunk에 대해 알아보겠습니다. redux-thunk는 가장 많이 다운로드된 리덕스 미들웨어입니다. 그 다음으로 많이 사용되는 redux-saga도 꽤 많은 다운로드 수를 보여주고 있지만 redux-thunk에 비하면 1/3가량 밖에 되지 않는 숫자입니다. 1. redux-thunk redux-thunk는 비동기 처리를 관리해주는 리덕스 미들웨어입니다. 비동기 처리에 대해 다시 짚고 넘어가자면 어떤 명령이 실행되는 동안, 다음 코드들은 그 명령이 완료될 때까지 기다리지 않고, 작업을 수행하는 것을 말합니다. thunk의 의미는 공식 깃허브에 올라와있는데, 특정 식을 함수로 래핑해 작업을 지연시키는 것을 의미합니다. 즉, 식은 정의해놓고 나중에 호출하고 계산함으로써.. 2022. 1. 26. [Javascript] async/await async와 await는 ES2017(ES8)에서 추가된 문법입니다. 주로 비동기 프로그래밍에서 자주 사용하며, 이전 포스트에서 다룬 프로미스 객체를 좀 더 간결하게 바꿔줍니다. async와 await 문법은 지난번에 배운 프로미스 객체의 비동기 처리와 이어집니다. 2021.05.24 - [Programming/Javascript] - [Javascript] 프로미스(promise) 객체 [Javascript] 프로미스(promise) 객체 자바스크립트로 비동기 처리를 하는 경우에는 콜백 함수를 이용했었습니다. 그러나 콜백 함수는 문제점이 많았기에 이러한 현상을 해결할 대안으로 프로미스 객체를 ES2015에서부터 도입하게 됩 bamtory29.tistory.com 1. async와 await의 기본 문법.. 2021. 5. 24. [Javascript] 프로미스(promise) 객체 자바스크립트로 비동기 처리를 하는 경우에는 콜백 함수를 이용했었습니다. 그러나 콜백 함수는 문제점이 많았기에 이러한 현상을 해결할 대안으로 프로미스 객체를 ES2015에서부터 도입하게 됩니다. 이 객체도 또한 자바스크립트의 내장 객체입니다. 콜백 함수를 다루지 않았어서 간단하게 설명하고 넘어가려고 합니다. 콜백 함수(CallBack Function)이란 나중에 호출되는 함수입니다. 비록 콜백 함수라고 명명되어있기는 하지만 일반적인 자바스크립트 함수와 똑같습니다. 다만 차이점으로는 코드에서 명시적으로 호출되는 것이 아닌, 특정 시점이나 이벤트의 발생에 따라 시스템에서 호출되는 함수입니다. 더 간단하게 정리하자면, 문법적으로는 일반 함수들과 차이는 없지만 호출 방식이 다르다 정도입니다. 1. 왜 프로미스 객.. 2021. 5. 24. 이전 1 다음 300x250
