Web/TypeScript

Typescript Practice - Block Chain Project -implements

Definitely Types Definitely Typed는 타입스크립트의 가장 큰 장점 중 하나입니다. 커뮤니티는 효과적으로 자바스크립트 프로젝트의 거의 90%가 자연스럽게 진행되고 문서화되었습니다. @types 사용 npm을 이용해서 꽤 간단하게 설치가 가능합니다. 예를 들어 jquery에 대한 타입 정의를 다음과 같이 간단히 할 수 있습니다. npm i @types/jquery --save-dev @types는 전역과 모듈 타입 정의를 모두 지원합니다. 기본적으로 전역 소비를 지원하는 모든 정의가 자동으로 포함됩니다. 예: jquery의 경우 프로젝트 전역에서 $를 사용할 수 있어야 합니다. 그러나 jquery와 같은 라이브러리의 경우 일반적으로 모듈로 사용하는 걸 추천합..

Typescript Practice - Block Chain Project - Basic

tsconfig - lib 기본 설정은 끝냈다 가정하고, tsconfig.json의 속성중 몇가지에 대해 알아보도록 하겠습니다. 우선 "lib"입니다. 보통 설치한 타입스크립트 모듈에 lib파일들이 있습니다. 예를 들어, npm install -g typescript를 하게 되면, /usr/local/lib/node_modules/typescript에 설치가 됩니다. 다음과 같이 ECMAScript 규격에 정의된 자바스크립트 객체들에 대한 인터페이스들이 정의되어 있는 것을 보실 수 있습니다. ~~/lib.dom.d.ts prepend(...nodes: (Node | string)[]): void; /** Returns the first element that is a descendant of node t..

TypeScript Practice - Class, Interface

Classes 기존의 Java, Python에서의 클래스 개념과 별반 다를게 없습니다. 따라서 편하게 작성해 보도록 하겠습니다. class Player { constructor( private firstName: string, private lastName: string, public nickname: string ) {} } const hyunseo = new Player("hyunseo", "las", "현서"); // error hyunseo.firstName 다음과 같이 Class의 생성자 안에 private, public을 써줄 수 있는데, 이는 JS에서는 없는 기능입니다. 위 코드가 트랜스 파일된 결과를 보 면 "use strict"; var Player = /** @class */ (func..

Typescript Practice - Functions

Call Signatures 함수의 타입을 call signatures형태로 작성하여 줄 수 있습니다. 아래의 예시를 보시죠. type Add = (a: number, b: number) => number; const add: Add = (a, b) => a + b; 이렇게 작성해 주게 되면, add함수 안의 argument타입을 명시해 줄 필요가 없게 됩니다. 아래와 같이 add함수에 반환값을 주게 되면 안된다는 것입니다. type Add = (a: number, b: number) => number; // error const add: Add = (a, b) => { a + b; }; Overloading overloading은 동일한 이름에 매개 변수와 매개 변수 타입 또는 리턴 타입이 다른 여러 ..