몽땅뚝딱 개발자

◽ 유니온 타입 여러가지의 타입을 파이브로 연결하여 지정할 수 있다. // 변수에 사용하기 const user = string | number // 함수에 사용하기 function logMessage(value: string | number) { console.log(value); } logMessage('hello') logMessage(10) 📄 예제 // 유니온 타입 function logMessage(value: string | number) { if(typeof value === 'number') { value.toLocaleString() } if(typeof value === 'string') { value.toString() } throw new TypeError('value must be..

◽ 예제 인터페이스는 '상호간의 약속'으로 특정 형식으로 지정해준다. interface User { age: number; name: string; } 변수에 인터페이스를 활용해보자. const thor: User = { age: 50000, name: '토르' } 함수에 인터페이스를 활용해보자. // 함수에 인터페이스 활용 function getUser(user: User) { console.log(user); } API의 스펙을 지정하는 것에 가장 많이 사용한다. // 함수의 스펙(구조)에 인터페이스를 활용 interface SumFunction { (a: number, b: number): number; } let sum: SumFunction; sum = function (a: number, b:..

각 변수에 *타이핑(Typing) 한다. * 타이핑(Typing): 타입이 정의되지 않은 코드에 타입을 입혀주는 행위 📄 문자열 // JS const str = 'hello'; // TS const str:string = 'hello' 📄 숫자 // JS const num = 1 // TS const num:number = 1 📄 배열 // JS const arr = [1, 2, 3]; // TS const arr: Array = [1, 2, 3]; const arr:number[] = [1, 2, 3]; 📄 튜플: 길이와 타입이 고정된 배열 // TS // 모든 index의 타입이 지정되어있는 배열 let address: [string, number] = ['강남', 1]; 📄 객체 // TS let ..

◽ 테스트 사이트 TS Playground - An online editor for exploring TypeScript and JavaScript The Playground lets you write TypeScript or JavaScript online in a safe and sharable way. www.typescriptlang.org ◽ 코드 변환해보기 class Student { name: string; constructor(name: string) { this.name = name; } } 📄 ES5로 변환 "use strict"; var Student = /** @class */ (function () { function Student(name) { this.name = name; }..

📄 tsconfig.js { "compilerOptions": { "allowJs": true, "checkJs": true, // 모든 타입에 대해 최소한 any라도 지정해야한다는 옵션 "noImplicitAny": true } } /** checkJs는 // @ts-check 와 같은 기능을 한다. */ 다른 옵션은 여기서 확인해보자! TSConfig Reference - Docs on every TSConfig option From allowJs to useDefineForClassFields the TSConfig reference includes information about all of the active compiler flags setting up a TypeScript project. ..

◽ 타입스크립트란? 자바스크립트에 타입을 부여한, 자바스크립트의 확장된 언어이다. 브라우저에서 실행하기 위해 파일을 한 번 변환해주어야하는데 이것을 컴파일이라고 한다. ◽ 타입스크립트를 사용하는 이유 에러의 사전방지와 자동완성을 손쉽게 하기 위함이다. // Address는 Obejct 타입으로 객체로 한번 더 지정해 줌! // 하지만 이렇게 쓰는건 재활용과 가독성 관점에서 추천하지 않는다. /** * @typedef {object} Address * @property {string} street * @property {string} city */ /** * @typedef {object} User * @property {string} name * @property {string} email * @prop..