스터디 로그

가끔 우리는 타입스크립트가 해당 타입이 무엇인지 모르는 정보를 가질 때도 있습니다. 예를들어, document.getElementById 를 이용할 경우, 타입스크립는 오직 그게 "어떤" 종류의 HTMLElement인 것만 알지만, 개발자는 document.getElementById로 불러오는 엘리먼트가 항상 주어진 아이디가 있는 HTMLCanvasElement를 가지는 화면임을알 것입니다. 이 같은 상황일 경우, 우리는 더욱 정밀한 타입을 특정짓기 위해 Type assertions을 사용합니다. const myCanvas = document.getElementById("main_canvas") as HTMLCanvasElement; Type annotation과 같이, Type assertion은 컴파..

Study with me 2022. 9. 20. 17:05

TypeScript에서 변수의 타입을 항상 지정해줘야하는 것은 아닙니다. type annotation의 양식에 사용 가능한 명확한 정보가 없을 경우 TypeScript가 변수의 타입을 추론합니다. 변수가 초기화되어있고, 디폴트 값이 파라미터로 설정되어있으며, 함수 리턴 타입이 결정되어 있는 경우에 한해 TypeScript에 의해 타입이 추론됩니다. var a = "some text"; var b = 123; a = b; // Compiler Error: Type 'number' is not assignable to type 'string' 위와 같이, a 와 b는 명확한 타입 정보가 없음에도 TypeScript는 알아서 각 변수의 타입을 추론하여 에러를 표시합니다. var arr = [ 10, null,..

Study with me 2022. 9. 18. 15:12

TypeScript의 Type annotation - 타입 표기는 함수나 변수의 의도된 계약을 기록하는 간단한 방법입니다. var age: number = 32; // number variable var name: string = "John";// string variable var isUpdated: boolean = true;// Boolean variable 위의 예시에서, 각 변수는 각자의 데이터 타입으로 선언되어있습니다. => 개발자가 직접 타입 지정 이를 type annotation이라고 합니다. 이렇게 한 번 데이터 타입을 선언한 변수는 다른 데이터타입으로 변경할 수 없습니다. 만약 이러한 시도를 한다면, 타입스크립트는 에러를 표시할 것입니다 - 즉 JavaScript의 에러를 잡는 데 도움..

Study with me 2022. 9. 18. 14:50

✔️ 자료 출처 : https://www.typescriptlang.org/ko/docs/handbook In TypeScript, a type is a convenient way to refer to the different properties and functions that a value has. "apple" 1️⃣ string 2️⃣ value 1) 문자열이 가지는 프로퍼티를 소유함 2) 메소드를 소유함 ex) 'string'.length // 프로퍼티 'string'.toLowerCase() // method Types in TypeScript TypeScript는 JavaScript에서 기본으로 제공하는 기본제공유형(built-in types)을 상속 1️⃣ Primitive Types Ja..

Study with me 2022. 9. 18. 13:04