TypeScript

타입스크립트를 이용해 새로운 프로젝트를 진행하던 어느날 처음 보는 에러를 마주쳤습니다. element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ duelist: boolean; recon: boolean; sentinels: boolean; controllers: boolean; nodicision: boolean; }'. no index signature with a parameter of type 'string' was found on type '{ duelist: boolean; recon: boolean; sentinels: boolean; controllers: boo..

Generic 제네릭 클래스나 함수, 인터페이스를 다양한 타입으로 재사용할 수 있다. function getSize(arr: T[]): number{ return arr.length; } const arr1 = [1, 2, 3]; getSize(arr1); const arr2 = ['a', 'b', 'c']; getSize(arr2); const arr3 = [false, true, true]; getSize(arr3); const arr4 = [{}, {}, {name: "Tom"}]; getSize(arr4); interface Mobile { name: string; price: number; option: T; } // option에 제네릭을 이용할 수 있다. 혹은 객체의 모습이 정해저 있다면 다..

LitererType 리터럴 타입 const userName1 = 'bob'; // 문자열 리터럴 타입 let userName2 = 'tom'; const는 불변값이며 let은 스트링 타입으로 고정되어있기에 다른 타입의 값을 배정하면 안된다 다른 타입도 넣을려면 let userName3: string | number = 'Tom'; userName3 = 3; 타입으로도 만들 수 있다. type Job = 'police' | 'developer' | 'teacher'; 숫자형 리터럴 타입도 이용할 수 있다. type Grade = 1 | 2 | 3; interface User { name: string; job: Job; grade: Grade; } const user: User = { name: "bob..

타입스크립트란? 1.TypeScript는 JavaScript에 추가적인 구문을 추가하여 editor와의 단단한 통합을 지원합니다. editor에서 초기에 오류를 잡을 수 있습니다. 2. TypeScript 코드는 JavaScript가 실행되는 모든 곳(브라우저, Node.js 또는 Deno 및 앱 등)에서 JavaScript로 변환될 수 있습니다. 3. TypeScript는 JavaScript를 이해하고 타입 추론(type inference)을 사용하여 추가 코드 없이도 훌륭한 도구를 제공합니다. 정적언어 (TypeScript, Java) : 컴파일 타임에 타입 결정 / 에러 발견 동적언어 (JavaScript) : 런타임에 타입 결정 / 에러 발견 타입스크립트의 기본적인 타입 타입 선언은 기본적으로 아..