해나아부지 개발일지

자바스크립트의 기본기를 단단히 하기 위해 책을 두어권 샀다. '인사이드 자바스크립트' | '러닝 자바스크립트' (E-book) '러닝 자바스크립트'에 ES6에 관한 내용을 자세하게 다루고 있기에 이 책을 더 집중적으로 보고 요약 정리해보려고 한다. 필자에 의하면 '자바스크립트가 프로그래밍을 부담 없는 것으로 만들어버렸기 때문에 초보자의 언어라는 편견이 있다. 하지만 깊이 공부해보면 단단한 기반 위에 만들어진 강력하고 유연한 언어이다.' 라고 말한다. 나 또한 자바스크립트로 할 수 있는 영역이 점점 늘어나고 있다고 생각한다. 최신 트렌드를 따라가는 것도 중요하지만 그것에 기본이 되는 자바스크립트를 더 깊이 있게 이해해보려고 한다. 총 21 챕터로 이루어져있지만 1,2 챕터는 언어 외적인(개발도구 등에 관한..

싱글 스레드 환경인 자바스크립트 런타임을 멀티 스레드처럼 바꿔주는 자바스크립트의 비동기처리에 대해 알아보자. 싱글 스레드란? 일반적인 큐(Queue)로 예를 들어보면 큐에 일련의 작업들이 들어왔을 때 작업들은 들어온 순서대로 처리가 될 것이다. 1번과 2번이 동시에 처리가 된다거나 1번이 작업을 하다가 멈추고 2번이 시작을 하지 않는다는 이야기다. 우리가 프린트로 한글 문서들을 출력할 때 인쇄버튼을 누른 순서대로 출력이 될 것이다. 첫 번째 문서가 다 출력이 되야지만 두 번째 문서의 출력을 시작할 수 있다. 싱글 스레드에서는 현재 실행하고 있는 작업이 끝나기 전까지는 아무것도 할 수가 없다. 너튜브나 넷플릭스에서 동영상의 로딩이 동기적으로 실행된다면 우리는 로딩이 끝날때까지 아무것도 할 수 없을 것이다...

Object.create(), new(생성자 함수) 모두 객체의 속성들을 상속받은 새로운 객체를 만들어 주는 것처럼 보인다. Object.create 객체의 정의는 함수로부터 시작된다. 우리가 잘 아는 'object' ( { } ) 도 예외는 아니다. 함수가 정의될 때, constructor와 prototype도 함께 생성되는데 이것은 함수 내부의 접근을 도와주는 속성이다. // Shape - 상위클래스 function Shape() { this.x = 0; this.y = 0; } 개발자 콘솔에 Shape라는 class를 정의하고 prototype 속성을 보자! constructor 에는 Shape 자신이 함수로 정의되어 있고 __proto__에는 'Object'에서 상속받은 여러가지 메서드(함수)들이..