비동기 (2) 썸네일형 리스트형 동기(sync)와 비동기(async) 비동기에 앞서 Blocking || Non-blocking과 callback에 대해서 짚고 넘어가자 Blocking || Non-blocking 전화와 문자를 예로 설명할 수 있다. 전화 문자 하던 일을 멈추고 받아야한다(blocking) 확인 후, 나중에 답장할 수 있다(none-blocking) 요청에 대한 결과가 동시에 일어난다(Synchronous) 요청에 대한 결과가 동시에 일어나지 않는다(Asynchronous) callback 앞서 공부한 callback에 대해서 알아야 한다. > calback in action : 반복 실행하는 함수 (iterator) [1,2,3,4].map(function(el, idx) { return el * el } ) > callback in action : 이.. 비동기 상태관리(setState) 프로젝트를 진행하며 가장 애먹었던 부분이 비동기적 상태관리이다.. React hook인 useState()에서 setState를 사용할 때 동기적 처리와 비동기적 처리에 대해 잘 이해하지 못했다. 동기적 처리과정에서는 순서대로 상태가 변경되기 때문에 문제가 없었지만, 서버요청의 응답 데이터(비동기)로 처리해야할 때에 setState 함수를 그대러 써주면 내가 원하는 대로 상태 값이 변경되지 않는다.. setState()를 알아보기 위해 아래 두개의 링크를 참고 했다. https://www.youtube.com/watch?v=hSdVDBPTT0U https://ko.reactjs.org/docs/react-component.html#setstate setState는 React hook인 useState에서.. 이전 1 다음
