동기? 비동기? 그게 뭔데!@

리액트를 공부하다보면 동기, 비동기 방식 이라는 말이 자주 등장하는데

등장할 때 마다 검색하는데 항상 까먹어서 정리..(멍충쓰)

 

동기(Sync) :

- 요청(request)에 대한 응답(response)이 순차적으로 실행된다. (직렬)

- 청소,빨래,설거지 해라 (request) -> 청소 끝  -> 빨래 끝 -> 설거지 끝 (순차적인 작업 실행)

문제점 : 청소하다가 청소기 고장나서 하루종일 청소를 못하면 빨래(다음 작업)를 할 수 없음

 

비동기(Async) :

- 요청(request)에 대한 응답(response)이 다발적으로 실행된다. (병렬)

javascript의 대부분의 DOM 이벤트와 Timer 함수(setTimeout, setInterval), Ajax 요청은 비동기식 처리 모델로 동작

 

- 청소,빨래,설거지 해라 (request) -> 청소 시작&빨래 시작&설거지 시작 -> 빨래 끝 -> 설거지 끝 -> 청소 끝

 (동시다발적으로 작업 실행)

장점 : 청소중에 청소기가 고장나도 빨래를 할 수 있다.

단점 :  작업 순서가 중요한 일에 사용했다가 우선순위가 꼬여서 원하는 값이 안나올 수 있다.

 

 

아래 블로그에 더 상세하게 나와있다!

https://webclub.tistory.com/605