자바스크립트/이론

자바스크립트 엔진은 한 번에 하나의 태스크만 실행할 수 있는 싱글 스레드 방식으로 동작하지만 동기처리로 인한 블로킹이 발생하지 않는다. 이는 자바스크립트가 비동기를 지원하기 때문이다. 비동기 처리는 전통적으로 콜백함수를 이용하는데 콜백함수가 많아짐에 따라 콜백 지옥이 생길 수 있다고 한다. 콜백지옥은 가독성을 나쁘게 하고 비동기 처리 중 발생한 에러의 예외 처리가 곤란하고 여러 개의 비동기 처리를 한 번에 처리하는 데도 한계가 있다고 한다. -> 프로미스 챕터에서 더 자세히 알려준다는 데 기억해 두어야 겠다.

fetch('url') .then((response) => response.text()) .then((result) => console.log(result)); 브라우저 api 이므로 fetch() 로 사용가능하다. response.text()도 promise객체를 반환하므로 then()을 사용한다. fetch()는 promise 를 반환하는데 then을 이용하면 response가 도착했을때의 특정 작업을 할 수 있다.

운영체제는 자바스크립트를 단일 스레드에서 실행한다. 그러면 이것이 자바스크립트에 미칠 영향은

콜백함수란 인자로 함수를 전달하여 전달받음 함수를 실행하는 과정이라고 이해할 수 있습니다. addEventListener 또한 콜백함수를 넘겨줘야 합니다. document.addEventListener('click',OnClick); 위의 코드처럼 OnClick은 함수의 이름입니다. 이것은 즉, 함수를 실행시키는 것이 아닌 넘긴다는 것을 의미합니다. 만약 OnClick()과 같이 작성하였다면 함수를 실행하라는 뜻이지 매개변수로 넘기라는 뜻이 아닙니다. 그렇다면 매개변수가 있는 콜백 함수는 어떻게 넘겨야 할까요? function confirm(name){ console.log('hello',name); } document.addEventListener('click',confirm('taejin')); 탭과..

자바스크립트는 본래 프로토타입(prototype)을 이용해서 클래스를 만들었습니다. 그리고 es6부터 Class가 추가 되었습니다. 일단 그 전에 Object에 대해 아시나요? Class가 템플릿, 즉 객체 공장이라고 생각한다면 Object는 그 객체공장에서 만들어지 실체입니다. 정말 많이 드는 예시로는 붕어빵틀과 붕어빵이 있습니다. 붕어빵틀은 클래스이고 붕어빵을 Object로 비유하면 초보자에게 이해가 정말 쉽습니다. let person = {name: 'kimtaejin', age: 1}; 자바스크립트에서는 위와 같이 Object를 생성할 수 있습니다. 또한, 자바스크립트에서는 함수를 통해 Object를 생성할 수 있는데요. function Person(name, age){ this.name = na..

자바스크립트는 동적으로 타입이 정해지는 언어입니다. C언어 같은 경우는 코딩할 때, 타입을 확실히 정해두고, 컴파일러는 이를 통해 타입을 알게 됩니다. 하지만, 자바스크립트는 그렇지 않죠. 그리고 자바스크립트는 var, let, const가 있습니다. 이는 확실히 int, double 등 과는 다름을 알 수 있죠. 자료형에는 기본 자료형 즉, primitive 자료형과 Object 자료형이 있습니다. primitive는 Boolean, Null, Undefined, Number, String, Symbol이 있고, Object는 자바스크립트의 Array나 Date같은 객체를 말합니다. 각각의 특징은 추후에 따로따로 포스팅하도록 하겠습니다. 자세한 것은 MDN 사이트에서 확인할 수 있고, 이런 공식문서를 ..