TypeScript 핸드북 10 - 고급 타입
고급 타입(Advanced Type)Intersection TypesIntersection 타입은 여러 타입을 하나로 결합합니다. 이렇게하면 기존 타입을 모두 추가하여 필요한 모든 기능을 갖춘 단일 타입을 얻을 수 있습니다. 예를 들어, Person & Serializable & Loggable은 Person과 Serializable이며 Lo
고급 타입(Advanced Type)Intersection TypesIntersection 타입은 여러 타입을 하나로 결합합니다. 이렇게하면 기존 타입을 모두 추가하여 필요한 모든 기능을 갖춘 단일 타입을 얻을 수 있습니다. 예를 들어, Person & Serializable & Loggable은 Person과 Serializable이며 Lo
소개Webpack은 응용 프로그램 소스 코드를 chunk로 묶어 브라우저에서 로드하도록 하는 도구이며 인기있는 모듈 번들러입니다. 이 문서는 다른 문서에서 설명한 SystemJS 접근법에 대한 훌륭한 대안입니다. 이 포스트는 Webpack을 소개하고 Angular 응용 프로그램에서 Webpack을 사용하는 방법을 설명합니다. 코드의 최종 결과를 다운로드 할
Webpack을 이용한 TDD 방식의 Angular 개발 환경 구축하기Webpack 및 TypeScript를 사용하여 테스트 주도의 Angular 프로젝트를 설정하는 데 필요한 단계를 살펴보겠습니다. Angular 1 버전은 AngularJS로 호칭하고, Angular 2 이상 버전은 Angular로 호칭합니다. 소개이 포스트에서는 단위 테스트로 An
애플리케이션 이벤트는 느슨하게 결합 된 구성 요소 사이의 정보를 교환하는 수단으로서 Spring Framework의 맨 처음부터 사용할 수 있었습니다. 애플리케이션 이벤트의 가장 잘 알려진 사용법 중 하나는 다음과 같습니다. 12345678@Componentpublic class MyListener implements ApplicationLi
타입 호환성 (Type Compatibility)소개TypeScript의 타입 호환성은 구조적인 하위 타입을 기반으로 합니다. 구조적 타이핑(Structural typing)은 멤버에게만 의존하여 타입을 연관시키는 방법입니다. 이는 Nominal typing과는 대조적입니다. 다음 코드를 살펴보겠습니다. 1234567891011interface Named
타입 유추 (Type Inference)소개이 절에서는 TypeScript의 타입 유추에 대해 다룹니다. 즉, 우리는 타입의 유추가 일어나는 곳과 방법에 대해 논의할 것입니다. 기본사항TypeScript에는 명시적 타입 표현이 아닌 경우 타입 유추를 사용하여 타입 정보를 제공하는 여러 부분이 있습니다. 예를 들어, 아래 코드에서 1let x = 3; 변수
Enumsenum을 사용하면 이름이 부여된 상수 집합을 정의할 수 있습니다. enum 타입은 enum 키워드를 사용하여 정의할 수 있습니다. 123456enum Direction { Up = 1, Down, Left, Right} enum의 본문은 0개 이상의 enum 멤버로 구성됩니다. enum 멤버는 관련된 숫자
Generics소개소프트웨어 엔지니어링의 주요한 부분은, 일관되고 잘 정의된 API를 보유할 뿐만 아니라 재사용 가능한 구성 요소를 구축하는 것입니다. 내일의 데이터뿐만 아니라 오늘의 데이터를 처리할 수있는 구성 요소는 대형 소프트웨어 시스템 구축에 높은 유연성을 부여합니다. C# 및 Java와 같은 언어에서 재사용 가능한 구성 요소를 작성하기 위한 기본
함수 (Function)소개함수는 JavaScript의 응용 프로그램을 구성하는 기본 요소입니다. 그리고 함수는 추상화 계층, 클래스, 정보 숨기기, 모듈을 모방하는 방법입니다. TypeScript에서는 클래스, 네임 스페이스 및 모듈이 있지만 함수는 여전히 작업 수행 방법을 설명하는 데 중요한 역할을합니다. 또한 TypeScript는 표준 JavaScri
클래스 (Class)소개JavaScript는 전통적으로 재사용 가능한 컴포넌트를 만들기 위해 함수와 프로토 타입 기반 상속을 사용하지만, 클래스가 기능을 상속하고 객체가 이러한 클래스에서 빌드되는 객체 지향 접근 방식에 익숙하지 않은 프로그래머에게는 다소 생소합니다. ECMAScript 2015 (ECMAScript 6)로 시작하는 JavaScript 프로