❶ 타입스크립트 소개
변수, 함수 및 개체에 대한 타입을 정의할 수 있으므로 코드를 유지 관리하기 쉽고 오류가 덜 발생합니다.
❷ TypeScript 기본 타입
숫자 ➡️ 정수와 부동 소수점 숫자를 모두 나타냅니다.
문자열 ➡️ 일련의 문자를 나타냅니다.
boolean ➡️ 참 또는 거짓을 나타냅니다.
배열 ➡️ 특정 타입의 요소 모음을 나타냅니다.
tuple ➡️ 요소의 타입이 알려진 고정 크기 배열을 나타냅니다.
enum ➡️ 명명된 상수의 모음을 나타냅니다.
any ➡️ 모든 타입을 나타내지만, 자바스크립트와 똑같이 작동하기 때문에 사용하는 것을 지양합니다.
void ➡️ 값이 없음을 나타내며 일반적으로 값을 반환하지 않는 함수의 반환 타입으로 사용됩니다.
null 및 undefined ➡️ 값이 없거나 초기화되지 않은 변수를 나타냅니다.
❸ TypeScript의 함수
TypeScript의 함수는 JavaScript 함수와 유사하지만 입력 매개변수와 반환 값 모두에 대한 타입 검사를 합니다.
다음 구문을 사용하여 입력 매개변수의 타입과 함수의 반환 타입을 지정할 수 있습니다.
function functionName(param1: type1, param2: type2): returnType {
}❹ Union 타입 및 교차 타입
Union 타입은 값이 여러 타입 중 하나일 수 있음을 지정하는 방법입니다.
| 연산자를 사용하여 Union 타입을 정의할 수 있습니다.
type StringOrNumber = string | number;반면 교차 타입은 여러 타입을 동시에 가질 수 있는 값을 나타냅니다.
& 연산자를 사용하여 교차 타입을 정의할 수 있습니다.
type CombinedType = Type1 & Type2;❺ 별칭
타입 별칭을 사용하면 기존 타입에 대한 새 이름을 만들 수 있으므로 코드를 더 읽기 쉽고 유지 관리할 수 있습니다.
type 키워드를 사용하여 타입 별칭을 정의할 수 있습니다.
type UserID = number;❻ 리터럴 타입
TypeScript의 리터럴 타입을 사용하면 변수가 가져야 하는 정확한 값을 지정할 수 있습니다.
리터럴 타입을 사용하여 보다 세분화된 타입 정의를 만들 수 있습니다.
type Direction = "north" | "south" | "east" | "west";