이벤트루프테이블
-
JavaScript 입문 : 카드맞추기 게임 - 이벤트루프를 통한 버그 수정 (동시 3번이상 클릭했을 경우 버그)컴퓨터 알아가기/JavaScript 2022. 10. 12. 19:30
지난 시간 이벤트루푸에 대해 나름 깊이 공부를 해 보있습니다. 나름대로 이해를 돕기위해 나만의 Oredr Table도 만들어 결과값도 도출해 보았구요. 이제는 다음 그림과 같이 연속으로 3번이상 클릭하였을 경우 3번째부터 카드가 원상태로 돌아가지 않는 경우입니다. 예를 들어 동시에 4개를 찍으면 2개의 카드가 원상태로 돌아가지 않습니다. 예상되는 원인은 기본적으로 자바스크립트는 순서대로 코드에 따라 작동하지만 이벤트루프 이론에 따르면 setTimeout( )같은 함수가 사용될 경우 Background와 Task Que를 거쳐 호출스택으로 들어가서 동작을 하기 때문에 이런 현상이 벌어지는 경우로 추측 할 수 있습니다. 한번 이러한 버그에 대한 수정을 해 보도록 하겠습니다. 본 글은 제로초 TV 자바스크립트..
-
JavaScript 입문 : 이벤트루프 (Event Loop) 이해하기 2 - 3개요소(호출스택, 백그라운드, 태스크큐)를 이용한 테이블 이용하기컴퓨터 알아가기/JavaScript 2022. 10. 11. 19:30
자바스크립트에서는 이벤트루프(Event Loop)에 대한 이해가 상당히 중요합니다. 이전시간 이벤트루프 구성도를 공부하면서 간단한 동작원리를 이해 하였습니다. 이제부터는 이벤트루프 테이블을 개발하여 좀 더 쉽게 다가설 수 있는 방법이 없는지 고민해 보도록 하겠습니다. 이번에 들 예제는 제로초TV 자바스크립트 강좌를 참고 하였습니다. 1. 이벤트 루프 테이블 (Event Loop Table) 구성 Event Loop Table을 만들고자 하는 목적은 아직 머리속으로 계산이 어렵기 때문에 좀 더 쉽게 다가설 수 있는 방법이 있는지의 고민에서 출발 하였습니다. 지나시간 console.trace( )에 대한 내역을 table을 구성해 보겠습니다. 상기 함수식에 대한 Event Loop Table은 다음과 같습니..