=>

최근 Javascript 개발에 Typescript가 주로 사용되면서 학습 자료는 웹상에서도 방대하게 존재하지만 너무 단편적인 정보(특정 프레임워크에 종속된 사용법)나 겉핥기 수준의 정보(단순히 타입을 적는)들, 공식문서처럼 딱딱한 문서들이 대다수라, 기초부터 자세하게 알려주는 기본서 격의 문서를 찾고 싶어서 많은 시간을 허비했는데, 이 책이 그 갈증을 제대로 해결해줬다. 먼저 읽었던 Do it 타입스크립트의 경우에는 혼재되어있는 Javascript와 Typescript 개념 때문에 필요하지 않았던 정보(기본적인 Javascript 문법)가 너무 많았는데, 이 책은 Javscript Superset으로의 Typescript, 즉 값이 아닌 타입에 대한 내용이 주로 서술되었다. 따라서 일정 수준의 Java..

interface UserID { } class API { getLoggedInUserId(): Option { return _Option("something") } getFriendIds(userID: UserID): Option { return _Option([]) } getUserName(userID: UserID): Option { return _Option("test") } } const api = new API const result = api.getLoggedInUserId().flatMap(_ => api.getFriendIds(_)).flatMap(_ => api.getUserName(_)) Option의 내부에 api 호출의 결과(실패할 수도 있는)를 집어넣어서 에러를 처리해야 하는데,..

/* 1. 첫 번째 타입 T, 두 번째 타입 U a. 가능하다 T U c. 가능하다 T U g. 가능하다 T < U h. 가능하다 T < U i. 가능하다 T = U j. 불가능하다 T와 U가 서로소 집합 k. 가능하다 (같은 반환형에 더 넓은 매개변수) l. 불가능하다 (서로 다른 열거형) 2. keyof O = 'a' O['a']['b'] = c : string */ //T = string | boolean | number , U = boolean | number | string[] 3. type Exclusive = Exclude | Exclude /* type A = 1 |..

//1번. 인터페이스는 타입만 가지고 있는 반면 클래스는 실제 값과 타입을 모두 가질 수 있다. //2번.상속은 가능하지만 인스턴스화 할 수 없다. 상속받은 클래스 또한 인스턴스화 할 수 없다. class testA { protected constructor( public Name: string ) { } } const test1 = new testA("name1");//Constructor of class 'testA' is protected and only accessible within the class declaration. class testB extends testA {} const test2 = new testB("name2")//Constructor of class 'testA' is pr..

//1. 함수의 반환형을 추론한다. 컨택스트로부터 매개변수 타입을 추론할 때도 있다.(ex : 콜백 함수의 경우) //2. 제공하지 않는다. Rest 매개변수로 대체해야 한다. //3. type Reserve = { (from: Date, to:Date, destination: string): void (from: Date, destination : string ): void (destination: string ) : void } const reserve: Reserve = ( fromOrDestination : Date | string, toOrDestination? : Date | string, destination? : string ) => { if(toOrDestination instanceof..

1번 let a = 1042 //number let b = "apples" //string const c= "pineapples"//string const d = [true, true, false] //boolean[] const e = {type: "ficus"} // {type:string} const f = [1, false] // (number|boolean)[] const g = [3] // number[] let h = null // null h는 null일 줄 알았는데 any였다. 2번 //a let i:3 = 3 i = 4 //리터럴 타입 3으로 지정됐다 //b let j = [1,2,3] j.push(4) j.push('5') //초기에 number[] 타입으로 정해졌다 //c let k..