JS & TS/TypeScript 13

[TypeScript] Union, Literal

literal 타입 원시 타입보다 더 구체적인 원시 타입 원시 값 자체가 타입이 된다. union 타입 union(|)은 값에 허용되는 타입을 두 개 이상으로 가능한 타입으로 확장하는 것 ex) phone: number | string; addr?: string; 확장된 타입에서 어느 하나의 타입에 할당 가능 type Member = { name: string, addr: string, discountRate: number; }; type Guest = { name: string, age: number, }; type Customer= Member | Guest; union type - narrowing과 type guard union type에서 특정 타입에만 존재하는 속성에 접근하고 싶을 때 type..

JS & TS/TypeScript 2024.02.13

[TypeScript] Type System

install typescript npm init -y npm install -g typescript ts-node tsc -v tsc —init ts-node 파일.ts 해당 파일 실행 tsc 파일.ts 해당 파일 js 파일로도 생성 타입의 종류 - 원시 타입(Primitive Type) null undefined boolean string number bigint 0n, 2n -4n, … symbol Symbol(), Symbol(”ho”), .. 타입 시스템의 코드 이해 방법 코드를 읽고 존재하는 모든 타입과 값을 이해 각 값이 초기 선언에서 가질 수 있는 타입 확인 각 값이 추후 코드에서 어떻게 사용될 수 있는지 모든 방법 확인 값의 사용법이 타입과 일치하지 않으면 사용자에게 오류 표시 구문(Sy..

JS & TS/TypeScript 2024.02.13

[TypeScript] TypeScript란?

TypeScript JS에 타입을 부여하고, 부여된 타입을 체크하고, 만족하는 JS 코드 생성 2012 년에 microsoft visual studo for JavaScript TypeScript의 구성 프로그래밍 언어 타입 검사기(TypeChecker) 코드의 모든 구성요소(함수, 변수 등)를 이해하고 오류 감별 컴파일러(pre-compiler) TS Syntax-tree를 JS Code로생성 언어지원 서비스(IDE) VSCode, SublimeText, Vim 등 편집기에서 TS 지원 TypeScript Compiler Read TSConfig (tsconfig.json) Pre-process Files Tokenize(Scan) and Parse Binder Type check Transform E..

JS & TS/TypeScript 2024.02.13
728x90