목록 asynchronous (2)
이롭게 현명하게
목차 동기와 비동기 싱글 스레드 언어 자바스크립트 엔진이란? 비동기 실행과정 https://devyihyun.tistory.com/148 [동기와 비동기] 쿠팡의 과일 구매 목록이다. 웹페이지에 과일 목록이 보이기까지 1분이 걸린다고 하자 동기적으로 실행했다면 목록이 보이기까지 1분 동안 화면 스크롤, 버튼 클릭 등 아무것도 할 수 없다. 현재 실행하고 있는 함수가 있기 때문에 다른 일을 할 수 없어 다른 일들이 블록 된다. 즉, 브라우저에서 오래 걸리는 작업이 실행될 경우, 웹페이지의 UI는 멈춰버리고 사용자는 어떤 작업도 할 수 없다. 그렇기 때문에 비동기식으로 과일 목록을 불러와야 한다. 동기와 비동기, 동기는 하나씩 실행되고 비동기는 동시에 실행된다고 흔히들 알고 있다. 하지만 그렇지 않다. 비동..
목차 1. 동기 비동기 개념 이해 동기와 비동기란? 동기와 비동기 차이 언제 쓰이는가? 비동기를 사용하는 이유 2. 동기 비동기 원리 동기, 비동기의 개념 정확히 이해해야 프로그램 개발 시 적절히 활용할 수 있다. 자바스크립트로 프로그램 개발 시 한 번쯤은 들어봤거나 사용해 본 경험이 있을 것이다. 동기 : 답변을 기다린다. 비동기 : 답변을 기다리지 않는다. 동시에 실행된다. 동기는 답변을 기다리는 것이고 비동기는 동시에 실행한다거나 답변을 기다리지 않는다고 알고 있을 것이다. 하지만 그렇지 않다. 택배 기사님이 물건을 배송한다. 기사님이 배송해야 할 물품은 3개이다. 3개의 집에 택배를 배송해야 한다. 이때 동식과 비동기식의 방식이 나타난다. [ 동기식 ] 택배를 1호에 가져다주기 위해 1호에서 벨을..