상추의 IT저장소

JS) blocking vs non-blocking & sync vs async 본문

Javascript

JS) blocking vs non-blocking & sync vs async

구너상추 2022. 11. 4. 16:10

blocking vs non-blocking

blocking/non-blocking은 호출되는 함수가 바로 리턴하느냐 마느냐

- blocking: 바로 리턴 하지 않는다.
- non-blocking: 바로 리턴 한다.

 

sync vs async

- 동기(sync): 호출되는 함수의 작업 완료 여부를, 호출 하는 함수가 신경씀.
- 비동기(async): 호출되는 함수의 작업 완료 여부를, 호출 되는 함수가 신경씀.

 

  1. 현재 실행 중인 태스크가 종료될 때까지 다음에 실행될 태스크가 대기하는 방식 을 동기(synchronous) 처리 방식이라고 하며
  2. 현재 실행 중인 태스크가 종료되지 않은 상태라 해도 다음 태스크를 곧바로 실행하는 방식 을 비동기(asynchronous) 처리라고 한다.
  3. 대표적으로 타이머 함수인 ① setTimeout/ setInterval ② HTTP 요청 ③ 이벤트 핸들러 는 비동기 처리 방식으로 동작한다.

 

비동기 방식 - callback

콜백 함수란
1. 다른 함수의 인자로써 이용되는 함수.
2. 어떤 이벤트에 의해 호출되어지는 함수.

 

예제>>

'Javascript' 카테고리의 다른 글

JS) NPM 소개 및 사용법  (0) 2022.11.06
JS) jQuery - .append() .prepend() .remove() .empty() 사용법  (0) 2022.11.06
JS) jQuery 요소선택 & 선택자  (0) 2022.11.04
JS) ready() 메소드  (0) 2022.11.04
JS) jQuery 기초  (0) 2022.11.04