tsconfig 셋팅

npx tsc --init 을 입력후 tsconfig.json 이 생성됩니다.

• allowJs : 타입스크립트와 자바스크립트를 동시에 사용 가능하게 해줍니다.
• stritc : true 를 권장, 문법 검사의 강도를 조정으로 false사용시 타입스크립트 사용의 의미를 퇴색시킵니다.
• target : es버전 설정으로 js ~ 최신js코드까지 변경해줍니다.
• esModuleInterop : true 권장

타입스크립트 문법

#### 기본 문법 ####
const a: string = "5";
const aa = '5';
// 이때 굳이 string 을 적을 필요가 없습니다 
// 타입스크립트가 자동으로 추론 해주기에 틀릴경우에만 직접 수정해주면 됩니다. 
const b: number = 5;
const c: boolean = true;
const d: undefined = undefined;
const e: null  = null;
const f: any = true;
// any를 최대한으로 줄이는게 타입스크립트의 목표
const g: 5 = false;
const h: true = false;

#### 타입스크립트 객체 배열 사용 ####

const arr: string[] = ['123' , '456']
const arr2: number[] = [123 , 456]
const arr3: Array<number> = [123 , 456]
const obj: {lat : number, ion :number} = {lat:37.5 , ion:127.5}

#### 함수의 타입 표기법 ####

function add(x: number, y: number): number { return x + y; }
// 함수의 타입스크립트는 뒤에 리턴값은 앞에

const add(x:number , y:number) => number => (x,y) => x + y; 
// 화살표 함수에서에 타입스크립트 표기법 1번
type Add = (x : number , y:number) => number;
const add: Add = (x, y) => x + y;
// 화살표 함수에서에 타입스크립트 표기법 2번