Hyundolog

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

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

학습목표 자바스크립트의 프로토타입(Prototype)에 대한 단어는 많이 들어봤으나, 정확한 개념과 용도를 알지 못하였습니다.💦 그래서, 프로토타입의 의미와 사용하는 이유가 무엇인지에 대해 알아보았습니다. 객체지향 언어 먼저, 객체지향언어와 짝을 이루는 절차지향언어. 이 두 언어의 특징부터 알아보도록 하겠습니다. 절차지향 언어 순차적으로 처리하는 절차지향 프로그래밍(POP)에 쓰이는 언어를 절차지향언어 라고하며, 대표적인 예로 C언어가 있습니다. 컴퓨터의 작업 처리방식(Top-down 방식)과 유사하기 때문에 비교적 실행속도가 빠른 장점이 있습니다. 하지만, 코드 전체가 유기적으로 연결되어 있기 때문에 코드 중간에 이슈가 발생한다면 전체를 수정해야 할 수 있어 유지보수에 어려움을 겪을 수 있습니다. 또한..