카테고리 없음
TypeScript 작성하기
d-e-v-j
2024. 11. 12. 00:26
반응형
JavaScript는 동적 타입 언어로, 런타임 오류가 발생할 위험이 있습니다. TypeScript는 이러한 문제를 줄이기 위해 정적 타입 검사를 제공하며, 이를 통해 개발자가 컴파일 타임에 오류를 사전에 발견할 수 있습니다.
1. 기본 타입 지정하기
TypeScript에서는 변수의 타입을 명시적으로 지정할 수 있습니다. 예를 들어, 숫자 타입만을 받아야 하는 경우 다음과 같이 선언합니다.
let age: number = 30;
잘못된 값이 할당되면 컴파일러가 오류를 발생시켜 코드의 안전성을 높입니다.
2. 인터페이스와 타입 별칭 사용하기
인터페이스와 타입 별칭(Type Alias)은 객체 구조를 정의하는 데 사용됩니다. 이를 통해 복잡한 객체의 타입을 명확히 하고, 일관된 구조를 유지할 수 있습니다.
interface User {
name: string;
age: number;
}
const user: User = { name: "Alice", age: 25 };
3. 선택적 속성과 유니언 타입
인터페이스에서 일부 속성을 선택적으로 만들거나 여러 타입을 허용하고 싶을 때 유용합니다.
interface Product {
name: string;
price?: number; // 선택적 속성
}
function display(value: string | number) { // 유니언 타입
console.log(value);
}
4. 제네릭을 통한 유연한 타입 설정
제네릭은 함수나 클래스가 다양한 타입을 수용하면서도 타입 안전성을 유지하도록 돕습니다.
function wrap<T>(value: T): T[] {
return [value];
}
const wrapped = wrap("hello"); // string[]
5. 타입 가드로 조건부 타입 체크하기
타입 가드는 런타임에 특정 타입을 확인하는 코드로, 코드의 안전성을 높여줍니다.
function isString(value: unknown): value is string {
return typeof value === "string";
}
function print(value: unknown) {
if (isString(value)) {
console.log(value.toUpperCase());
}
}
TypeScript의 강력한 타입 시스템을 활용하면 런타임 오류를 줄이고, 코드의 안정성을 높일 수 있습니다
728x90
반응형
LIST