원시 타입을 위한 타입 별칭

Coddy JavaScript 여정의 TypeScript 소개 섹션에 포함된 레슨. 73개 중 30번째.

TypeScript의 type 키워드를 사용하면 타입 별칭(type alias)을 생성할 수 있습니다. 이는 본질적으로 기본 타입과 그 조합을 포함하여 기존의 모든 타입에 대한 사용자 정의 이름입니다.

구문은 간단합니다. type 키워드 뒤에 원하는 이름을 적고, 등호와 별칭을 지정하려는 타입을 작성하면 됩니다:

type UserID = string | number;
type Score = number;
type IsActive = boolean;

타입 별칭을 생성하고 나면, 원래 타입을 사용할 수 있는 곳이라면 어디든 사용할 수 있습니다. 이는 유니온 타입을 다룰 때 특히 유용한데, 코드를 더 읽기 쉽고 자체적으로 문서화되도록 만들어 주기 때문입니다:

type UserID = string | number;

let currentUser: UserID = "user123";
let adminUser: UserID = 42;

타입 별칭은 새로운 타입을 생성하지 않습니다. 단순히 기존 타입에 대한 대체 이름을 제공할 뿐입니다. 이는 UserID와 string | number가 완전히 상호 교환 가능함을 의미하지만, 별칭을 사용하면 다른 개발자들에게 코드의 의도를 훨씬 더 명확하게 전달할 수 있습니다.

챌린지

쉬움

string 또는 number가 될 수 있는 유니온 타입을 위한 UserID라는 이름의 타입 별칭을 생성하세요.

string 또는 boolean이 될 수 있는 유니온 타입을 위한 Priority라는 이름의 타입 별칭을 생성하세요.

string 타입을 위한 Status라는 이름의 타입 별칭을 생성하세요.

이제 생성한 타입 별칭을 사용하여 다음 변수들을 선언하세요:

UserID 타입의 currentUser 변수를 선언하고 문자열 값 "admin123"을 할당하세요.
UserID 타입의 guestUser 변수를 선언하고 숫자 값 42를 할당하세요.
Priority 타입의 taskPriority 변수를 선언하고 문자열 값 "high"를 할당하세요.
Priority 타입의 isUrgent 변수를 선언하고 불리언 값 true를 할당하세요.
Status 타입의 orderStatus 변수를 선언하고 문자열 값 "pending"을 할당하세요.

위에서 선언된 순서대로 각 변수의 값을 별도의 줄에 출력하세요.

직접 해보기

// TODO: 여기에 코드를 작성하세요
// UserID, Priority, Status에 대한 타입 별칭을 생성하세요
// 그런 다음 변수를 선언하고 지정된 값을 할당하세요

// 각 변수의 값을 출력하세요

실력 점검

이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.

TypeScript 소개의 모든 레슨

1TS 시작하기

TypeScript란 무엇인가요?왜 TypeScript를 사용해야 할까요?첫 번째 TypeScript 코드 작성하기 컴파일 과정 및 에러 요약: TS 입문

4함수 활용하기

매개변수 및 반환값 타입 지정 화살표 함수 타입 지정 'void' 반환 타입 '?'를 사용한 선택적 매개변수 기본 매개변수 값 나머지 매개변수 타입 지정 함수 타입 정의하기 요약: 타입이 지정된 함수 작성하기

7프로젝트: 간단한 할 일 목록

프로젝트: Task 구조체 정의하기 할 일 추가 함수

10프로젝트: 재고 관리

프로젝트: 제네릭 재고 아이템 함수: 재고에 아이템 추가하기

ID로 아이템을 찾는 함수

특정 재고 유형 생성하기

아이템 상세 정보를 가져오는 함수

직접 연습해 보세요: 온라인 JavaScript 컴파일러