본문 바로가기
728x90

TypeScript17

[TypeSciprt] 타입스크립트 void와 never 1. voidvoid는 값이 없음을 의미하고보통 반환값 타입에 사용합니다. function fn(): void { console.log("a");}// 컴파일function fn() { console.log("a");}export {}; 변수에도 사용할 수 있지만undefined 값만 사용할 수 있습니다.let a: void;a = undefined; 2. nevernever는 불가능을 의미합니다.어떠한 값도 반환할 수 없을 때 사용합니다.// 무한루프function fn1(): never { while (true) {}}// 에러function fn2(): never { throw new Error();}// 변수// any를 포함해 어떤 타입도 사용할 수 없습니다.let av: any;le.. 2025. 5. 23.
[TypeScript] 타입스크립트 타입 1. 유니온유니온 타입을 사용하면 변수 하나를 여러 가지 타입으로 지정할 수 있습니다.let uni: number | string | boolean = 10;printUni(uni);uni = "hello";printUni(uni);uni = true;printUni(uni);function printUni(value: number | string | boolean): void { if (typeof value === "number") { console.log(value); } else if (typeof value === "string") { console.log(value); } else if (typeof value === "boolean") { console.log(value.. 2025. 5. 23.
[TypeScript] 타입스크립트 배열과 튜플 1. 배열1-1. 배열 선언// 1const numArr: number[] = [1, 2, 3];// 2const strArr: string[] = ["a", "b", "c"];// 3 제네릭 방식const boolArr: Array = [true, false];// 4 여러 타입의 배열 (유니온)const arr: (number | string)[] = [1, "a"];// 5 다차원 배열const arr: number[][] = [[1, 2], [3, 4]]; 2. 튜플튜플은 사실 자바스크립트에는 없는 문법입니다.길이와 타입이 고정된 배열을 만들 수 있습니다. const tp: [number, number] = [1, 2];// 다양한 타입const tp: [number, string, boolean.. 2025. 5. 23.
[TypeScript] 타입스크립트 변수 1. 변수const phone: string = "010-1234-5678";const num: number = 10;const isEnable: boolean = true; 변수명 : 타입형식입니다function message(msg: string): void { console.log(msg);}message("test"); 함수의 반환값도 마찬가지로 함수명 뒤에 : 타입입니다 함수의 타입에 맞게 파라미터를 넘겨주지 않으면 에러가 발생합니다.넘겨줄 수도 있고 아닐 수도 있을 땐 선택 속성을 사용합니다.1-1 선택 속성function message(msg: string): void { console.log(msg);}message();// 에러 발생function message(msg?: string.. 2025. 5. 23.
[TypeScript] 타입스크립트 시작 1. 타입스크립트 설치npm install -g typescript1-1. 버전 확인tsc --version 1-2. tsconfig.json 타입스크립트 설정 파일 생성tsd --init 1-3. 옵션 변경1-3-1. target// tsconfig.json{ "compilerOptions": { "target": "es2020" }} tsconfig.json에서"es2016" => "es2020" 으로 변경합니다.BigInt는 ES2020 버전 이상에서 사용 가능하기 때문입니다. BigInt는 JavaScript에서 아주 큰 정수를 다룰 수 있도록 도입된 새로운 데이터 타입입니다.기존의 Number 타입은 정수의 최대값이 Number.MAX_SAFE_INTEGER (약 ±9 *.. 2025. 5. 23.
728x90

티스토리툴바