Hyundolog

학습목표 자바스크립트의 대표적인 비동기 처리를 해결하기 위해 Callback, Promise, async await 등을 사용하는 것으로 알고 있습니다. 하지만, 콜백 지옥에서 벗어나기 위해 Promise와 async await을 사용한다는 개념이 정확히 무엇인지 알지 못하고 있었습니다. 위의 3가지 기법을 하나씩 살펴보아 각각의 개념과 함께 비동기처리에 대한 이해를 높여보도록 하겠습니다.🔥 Callback 콜백은 우리가 함수를 작성하면서 한 번쯤은 들어봤을만한 키워드입니다. 콜백이란 함수가 실행이 끝난 뒤에 실행되는 함수를 의미합니다. 쉽게 말해서, 함수에 파라미터로 함수를 포함하여 사용하는 형태를 떠올리면 됩니다. function Hello(item, callback) { console.log("He..

학습목표 평소에 api를 호출할 때, async await 구문을 통해 비동기 처리를 하고 있었습니다. 하지만, 매번 비동기 처리에 대해 설명하고자 할 때 명확하고 쉽게 정의하지 못하였습니다.😂 그래서 이번 기회에 자바스크립트의 비동기 처리란 무엇인지 정리하고자 하였습니다. 동기와 비동기 먼저, 동기와 비동기의 뜻을 먼저 정의해보도록 하겠습니다. 동기 : 순차적으로 동작하는 방식 (직렬식 수행) 비동기 : 비순차적으로 동작하는 방식 (병렬식 수행) 이렇게 단어로 구분한다면 이해하기 쉽게 정의할 수 있습니다. 하지만, 자바스크립트는 동기식 언어에 해당하는데 어떤 상황에서 비동기의 개념이 등장하게 되는지 알아보도록 하겠습니다. 간단히 두 개의 예를 들어보도록 하겠습니다. setTimeout() 메소드 con..

학습목표 자바스크립트의 동작원리는 어떻게 되며 어떠한 특성을 가지는지 알아보고자 하였습니다.🤔 비동기와 동기를 왜 이해해야 하는지, 자바스크립트 엔진에는 어떤 요소들이 숨어있는지에 대한 개념 학습이 필요하다고 판단하였습니다. 자바스크립트의 스레드 먼저, 자바스크립트는 싱글 스레드 기반으로 실행됩니다. 우리는 보통 다중 작업을 필요로할 때, 분업을 통해 효율적으로 처리합니다. 포털사이트 검색창에 'cpu' 를 검색해보면 대강 '4코어 8스레드', '8코어 16스레드' 와 같은 설명을 볼 수 있습니다. 즉, 프로그램이 실행될 때 다중 작업이 발생할 수 있는데 이는 각 스레드에 분산되어 처리(멀티태스킹)되곤 합니다. 그렇다면, 1개의 스레드로 동작하는 자바스크립트는 어떻게 작업의 효율성을 높일 수 있을지 의문..