아카이브: 2018/2

ECMAScript 6 부록 B. ECMAScript 7 (2016) 이해하기

ECMAScript 6 부록 B. ECMAScript 7 (2016) 이해하기ECMAScript 6의 개발은 약 4년이 걸렸으며, 그후 TC-39는 이러한 긴 개발 프로세스가 지속 가능하지 않다고 결정했습니다. 대신, 매년 릴리즈하는 주기로 전환하여 새로운 기능 적용을 더 빨리 진행할 수 있도록 했습니다. 더자주 출시되려면 ECMAScript의 새버전은 E

ECMAScript 6 부록 A. 작은 변경 사항

ECMAScript 6 부록 A. 작은 변경 사항이 책에서 설명한 주요 변경 사항과 함께 ECMAScript 6은 작지만 JavaScript를 향상시키는데 도움이되는 몇가지 다른 변경 사항을 적용했습니다. 이러한 변경에는 정수를 더 쉽게 사용하고 계산하기 위한 새로운 메서드를 추가하였고, 유니 코드 식별자를 조정하고, __proto__ 프로퍼티를 공식화하는

ECMAScript 6 Module로 코드 캡슐화하기

ECMAScript 6 Module로 코드 캡슐화하기JavaScript의 “모든 공유” 방식의 코드 로드는 JavaScript를 오류가 발생하기 쉬운 가장 혼란스러운 언어 중 하나로 만듭니다. 다른 언어에서는 패키지와 같은 개념을 사용하여 코드 범위를 정의하지만 ECMAScript 6 이전에는 응용 프로그램의 모든 JavaScript 파일에 정의된 모든 것

ECMAScript 6 프록시와 리플렉션 API

ECMAScript 6 프록시와 리플렉션 APIECMAScript 5와 ECMAScript 6 모두 명확한 JavaScript 기능을 염두에 두고 개발되었습니다. 예를 들어, ECMAScript 5 이전에는 JavaScript 환경에 nonenumerable , nonwritable 객체 속성이 있었지만 개발자는 자체적으로 nonenumerable 또는

ECMAScript 6 Promise와 비동기 프로그램밍

ECMASCript 6 Promise와 비동기 프로그램밍JavaScript의 가장 강력한 부분중 하나는 비동기 프로그래밍을 쉽게 처리할 수 있다는 것입니다. 웹용으로 작성된 언어로서 JavaScript는 처음부터 클릭및 키누름과 같은 비동기 사용자 상호 작용에 응답할 수 있어야 했습니다. Node.js는 Event 대신에 Callback을 사용하여 Java

Array 기능 향상

Array 기능 향상Array는 JavaScript의 기본 객체입니다. 그러나 JavaScript의 다른 부분은 시간이 지남에 따라 진화해 왔지만 Array는 ECMAScript 5가 사용하기 쉽도록 여러 가지 메서드를 도입할 때까지 동일하게 유지되었습니다. ECMAScript 6은 새로운 생성 메서드, 몇 가지 유용하고 편리한 메서드, Typed Arra

JavaScript 클래스 소개

JavaScript 클래스 소개대부분의 공식적인 객체 지향 프로그래밍 언어와는 달리 JavaScript는 만들어질 때 부터 유사 객체 및 관련 객체를 정의하는 주요 방법으로 클래스와 클래스 상속을 지원하지 않았습니다. 이로 인해 많은 개발자들이 혼란 스러웠고, ECMAScript 1 이전 버전부터 ECMAScript 5 까지 많은 라이브러리가 클래스를 지원

Angular에서 ViewChildren, ContentChildren, 그리고 QueryList 이해하기

Angular에서 ViewChildren, ContentChildren, 그리고 QueryList 이해하기부모 Component에서 자녀에게 액세스 해야하는 경우가 있습니다. Angular로 어떻게 처리 할 수 있는지 보도록 하겠습니다. ViewChildren View DOM에서 지정된 Component 또는 Directive를 QueryList로 반환합니

Angular에서 동적 컨텐츠 생성

Angular에서 동적 컨텐츠 생성이 글에서 Angular로 동적 컨텐츠를 만드는 몇가지 방법을 보여 드리겠습니다. 사용자 지정 리스트 템플릿, 동적 Component 생성, 런타임 Component 및 모듈 컴파일의 예제를 보여줍니다. 전체 소스 코드는 이 글의 끝부분에서 보실수 있습니다. 제가 작업하고 있는 Developing with Angular에서