728x90 반응형 동기적1 [React+JS/리액트] 웹 스터디 - state 변경함수 사용할 때 주의점: async 자바스크립트는 일반으로 코드를 작성하면 synchronous 하게 처리된다. 코드를 적은 순서 그대로 위에서부터 아래로 코드가 실행된다는 뜻이다. 그런데 어떤 코드들은 synchronous 하지 않게 실행되는 코드들이 있다. ajax, 이벤트 리스너, setTimeout 이런 함수들을 쓸 때 asynchronous, 즉 비동기적으로 코드가 실행된다. 이런 함수들은 보통 처리시간이 길다. ajax 로 예를 들면 인터넷 상황이 안 좋으면 코드 실행이 오래걸리는 것을 생각하면 된다. 그래서 이런 코드들은 순차적으로 실행되지 않고 완료되면 실행이 된다. 아래 코드를 실행시키면 2 4 가 순서대로 출력되고, 그 다음에 3이 출력된다. 이는 3을 출력하는 코드가 asynchronous 처리를 지원하는 코드이기 .. 2024. 8. 6. 이전 1 다음 728x90 반응형