TIL( TypeScript학습 )

💡인프런 강의시작 : 타입스크립트 올인원 (문법편)

 

1. 기본 타입 지정

const a = '5'; //  const는 값이 지정되기 때문에 굳이 :string으로 타입을 한번더 지정해줄 필요가 없다.
const b = 5;  // const b:number = 5;
const c = undefined; // const c:undefined = undefinded
const d = true;  // const d:boolean = true;
const e = null;   // const e:null = null;

 

2. 타입에 고정된 값 지정

//타입에 고정된 값 지정 가능 (타입은 항상 정확해야한다.)
const f: true = true;
const g: 2 = 2;

 

3. 함수 작성하는 방법

function add(x:number, y:number): number {return x + y};
const result = add( 1,5)


const add: (x:number, y:number) => number = (x, y) => x + y;

 interface Add {
     (x:number, y: number): number;
 }
 const add: Add = (x, y) => x + y;

 

4.배열 과 튜플 타입 지정

const arr: string[] = ['123','345']
const arr2: number[] = [123, 234]
const arr3: Array<number> = [123, 345] // < > => 제네릭이라고 한다.
const arr4: [number, number, string] = [123, 566, '456'] //튜플이라는 방법은 갯수까지 지정됨

 

5. 객체 타입 지정

const obj: { lat: number, lon: number} = {lat: 37.5, lon: 127.5}
====
const obj = {lat: 37.5, lon: 127.5}

 

 

** 읽어볼 문서

TypeScript: Handbook - The TypeScript Handbook (typescriptlang.org)

Handbook - The TypeScript Handbook

TypeScript: Documentation - TypeScript 5.5 (typescriptlang.org)

Documentation - TypeScript 5.5