Hyundolog

학습목표 실무에서 타입스크립트를 활용하게 되면서 기초 개념부터 학습할 필요가 있다고 느꼈습니다. 단순하게 number, string, any 등의 타입을 지정하여 사용하는 방식이라는 것은 인지하고 있었지만, 이를 사용하는 이유에 대한 고찰이 필요하다 판단하였습니다. 먼저, 타입스크립트의 기원부터 알아보도록 하겠습니다. 탄생 배경 우리는 웹을 조작하고 변경하기 위해 자바스크립트를 사용하고 있습니다. 자바스크립트를 사용하다보면 타 프로그래밍 언어보다 유연하고 편리함을 느낄 수 있는 부분이 있는데 그 중 하나는 변수를 사용할 때, 데이터 타입을 명시하지 않아도 알아서 판단할 수 있다는 특성입니다. C언어와 자바스크립트의 변수 선언 방식을 예로 들어보겠습니다. // C언어 char name = 'a'; int ..

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

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