🐨CoalaCoding
DocsExamplesTry itBoardB반B반
🐨CoalaCoding

개발자를 위한 한국어 웹 기술 문서

문서

  • JavaScript
  • Web Publishing
  • React
  • Python

커뮤니티

  • 게시판
  • 예제 모음
  • Try it 에디터

기타

  • GitHub
  • 관리자
© 2026 CoalaCoding. All rights reserved.
  • 자바스크립트-필수지식
  • 설치
  • 설치삭제
  • 개발환경-설정
  • 기본타입
  • 배열과객체
  • 타입추론과-유니온타입
  • 함수타입
  • 재사용-가능한-타입
  • generic
  • 인덱스시그니처타입별칭인터페이스
  • tsconfic
  1. 홈
  2. 문서
  3. JavaScript
  4. TypeScript
  5. 재사용-가능한-타입

재사용-가능한-타입

코드 블록의 Try it Yourself 버튼으로 직접 실행할 수 있다.

구문

Info: 📁 완성파일



Info: 💡 **목표 재사용 가능한 타입 을 알아보자 Type Aliases **https://www.typescriptlang.org/ko/docs/handbook/declaration-files/by-example.html#재사용-가능한-타입-타입-별칭-reusable-types-type-aliases


1. **Type Aliases **개요

Info: 타입스크립트를 작성하다 보면 같은 타입을 반복적으로 정의하게 된다

이것을 모듈화 할수 있는 기능이 type aliases 이다 타입의 형태를 타입 별칭으로 정의하는것

1-1 타입 별칭이란?

타입에 대한 별칭을 제공하며, 재사용 할 수 있다. 주의해야 할 부분은 타입 별칭은 정의한 타입을 참고할 수 있게 이름을 지어 주는 것이지, 새로운 타입을 생성하는 것이 아니라는 점이다. type 별칭 = 타입;으로 정의한다.

1-2 예제

basic.ts

**type Dog = {
  name: string;
  age: number;
};**
let dog: {
	name: string;
	age: number;
};
  1. 표시된 코드를 추가한다
  2. Type Aliases 는 type 키워드로 작성후 사용할 타입을 선언한다
  3. 별칭의 적용은 아래의 코드처럼 수정한다

basic.ts

**type Doggy = {
  name: string;
  age: number;
};**
~~let dog: {
	name: string;
	age: number;
};
~~**let dog:Doggy;
let dogs: Doggy[];**

목차

  • 구문