율곡선생 75기 3강 Typescript 타입스크립트 타입별칭 Type Alias 함수타입, 인덱스타입 설명

🔍 타입의 이해

타입스크립트에서 '타입'은 변수나 함수가 가질 수 있는 데이터 형태를 정의합니다. 변수에 타입을 지정함으로써, 잘못된 타입의 데이터가 할당되지 않도록 예방할 수 있습니다. 예를 들어, 문자열 타입의 변수는 숫자 데이터를 할당할 수 없게 되어, 런타임 에러를 줄일 수 있습니다. 이는 특히 대규모 프로젝트에서 버그를 최소화하고 코드의 신뢰성을 높이는 데 기여합니다.

📘 변수와 타입

타입스크립트에서 변수 선언 시, 타입을 명시적으로 지정할 수 있습니다. 예를 들어, let name: string은 name 변수가 문자열 타입임을 나타냅니다. 이러한 명시적 타입 선언은 코드 작성 시 실수를 줄이고, 코드의 의도를 명확히 전달하여 협업 시에도 유용합니다. 변수의 타입을 명시하지 않으면, 타입스크립트가 자동으로 타입을 추론하지만, 명시적으로 타입을 지정하는 습관을 들이는 것이 좋습니다.

🎯 타입 별칭 사용법

타입 별칭은 특정 타입에 이름을 부여하여, 코드의 가독성을 향상시킵니다. 예를 들어, type Point = { x: number; y: number; }와 같이 객체 타입에 별칭을 부여하면, 여러 곳에서 동일한 객체 구조를 반복해서 작성할 필요가 없습니다. 이렇게 작성된 타입 별칭은 코드의 중복을 줄이고, 유지보수성을 높여줍니다.

🔧 객체와 속성 타입

타입스크립트는 객체의 속성에 대해서도 타입을 지정할 수 있습니다. 객체의 각 속성에 타입을 부여함으로써, 잘못된 데이터가 객체에 포함되지 않도록 할 수 있습니다. 또한, 객체의 속성 이름과 개수가 고정되지 않은 경우, 인덱스 타입을 사용하여 유연하게 타입을 관리할 수 있습니다. 이는 특히 복잡한 데이터 구조를 다룰 때 유용합니다.

🧩 함수와 인덱스 타입

함수의 타입을 지정하면, 함수가 어떤 타입의 인자를 받고, 어떤 타입의 값을 반환하는지 명확히 알 수 있습니다. 이는 함수 사용 시 실수를 예방하고, 코드의 명확성을 높이는 데 기여합니다. 인덱스 타입은 객체의 키와 값의 타입을 정의할 수 있어, 다양한 형태의 데이터를 효과적으로 처리할 수 있습니다. 이러한 기능은 데이터의 일관성을 유지하는 데 도움을 줍니다.

🌐 공식사이트

타입스크립트 공식사이트