맨동이

Class 란? object를 만드는 설계도 클래스 이전에 object를 만드는 기본적인 방법은 function javascript 에도 class는 es6 부터 사용 가능 Typescript 에서는 클래스도 사용자가 만드는 타입의 하나 ES5 //TS class Person { } const p1 = new Person(); console.log(p1); //ES5 "use strict"; var Person = /** @class */ (function () { function Person() { } return Person; }()); var p1 = new Person(); console.log(p1); ES6 //ES6 "use strict"; class Person { } const p1 = ..

TypeScript interface 기존에 자바스크립트에는 인터페이스라는 개념이 없었습니다. 하지만 타입스크립트를 이용해 인터페이스를 사용할 수 있게 됐습니다. 인터페이스란 간단하게 어떠한 두개의 시스템 사이에 상호작용할 수 있게 해주는 조건, 규약 같은 것입니다. 컴파일 타임에만 사용되고 js 파일에는 나타나지 않는다! //TS function hello1(person: {name:string; age:number}):void { console.log(`hi im ${person.name}, ${person.age}years`); } const p1 : {name:string; age:number}={ name:"Dongit", age:25 }; hello1(p1); 기존 타입스크립트의 코드가 위와 ..

tsconfig 최상위 프로퍼티 compileOnSave: true/false (default false) 파일 변경 후 저장하면 자동 컴파일을 해주는 옵션입니다. 에디터마다 안될 수도 있습니다. VS2015 with TypeScript 1.8.4 이상 // tsconfig.json { "compileOnSave": true } extends : "경로" 특정 타입스크립트 설정 파일에서 다른 타입스크립트 설정의 내용을 가져와 추가할 수 있는 속성입니다. TypeScipt 2.1 이상 // config/base.json { "compilerOptions": { "noImplicitAny": true } } // tsconfig.json { "extends": "./config/base" } files, i..

타입 시스템 컴파일러에게 사용하는 타입을 명시적으로 지정하는 시스템 컴파일러가 자동으로 타입을 추론하는 시스템 TypeScript는 structural type system(구조적 타이핑)을 기반으로 타입 시스템을 갖추고 있습니다. structural type system:구조가 같으면, 같은 타입이다. function func(a) { return a * 38; } console.log(func(10)); //380 console.log(func('HEY')+5); // NaN a 의 타입을 명시적으로 지정하지 않아 a가 any 로 추론되고 함수의 리턴 타입은 number로 추론되는 경우입니다. 이럴경우 nolmplicitAny 옵션을 켜주어야 합니다. nolmplicitAny 옵션 타입을 명시적으로 ..

object 타입 "primitive type이 아닌 것"을 나타내고 싶을 때 사용하는 타입 array let list: number[] = [1,2,3]; let list2: (number | string)[] = [1,2,3,"4"]; // let list: Array = [1,2,3]; tuple length 를 벗어나거나 순서가 맞지 않아도 오류가 납니다. let x: [string,number]; x = ["hello", 39]; //x = [10, "Hi"]; //순서가 맞지 않음 const person : [string, number] = ["Dongit", 25]; //const [first, second, third] = person; //length를 벗어남 any 어떤타입이어도 상관없..