정말 면접관으로부터 생각지도 못한 질문을 받는다면 아래와 같은 질문 또한 받을 수 있다.

<aside> 🗣 setState는 비동기 함수인가요?

</aside>

우선 답을 말하지만 setState는 비동기로 처리는 되지만 비동기 함수는 아니다. (async와 비교하는 부분까지봐야 이해가 온전해진다.)

(엥? 이게…뭔 댕소리죠?)

• 애매한 부분(학습 하고 보기!)

setState의 비동기처리

이것을 이해하려면 여러가지 복합된 지식을 알고 있어야한다.

먼저 setState의 역할과 처리 과정을 살펴보자

• setState : 컴포넌트의 state 객체를 업데이트(당연히 객체가 업데이트 되면 렌더링이 이뤄짐)
• setState를 호출하고나서 바로 업데이트된 state값이 필요한 경우, 즉 기존의, 이전의 state값을 베이스로해서 업데이트가 필요한 경우 setState가 사용된다.

🤔 기존의 state값을 베이스로한다는 말은 뭘까?

setState는 자바스크립트의 “Closure”와 연관 된다.

클로저란? - 클로저는 함수가 자신을 포함하고 있는 스코프의 변수에 접근할 수 있는 능력을 가진 것

• 클로저를 사용하면 함수가 생성될 당시의 상태를 유지(setState)의 특징을 따름