콘텐츠로 이동
1337skills 1337skills - 치트시트

Typescript.Ko

TypeScript 치트시트

개요

TypeScript는 JavaScript의 타입이 지정된 상위 집합으로, 일반 JavaScript로 컴파일됩니다. 선택적 정적 타이핑, 클래스 및 인터페이스를 제공합니다. TypeScript는 대규모 애플리케이션 개발을 위해 설계되었으며 JavaScript로 트랜스컴파일됩니다.

주요 기능

  • 정적 타이핑: 런타임이 아닌 컴파일 시간에 오류를 잡아냅니다.
  • 인터페이스: 코드에 대한 계약을 정의합니다.
  • 클래스: 클래스, 상속 및 접근 제한자와 같은 객체 지향 프로그래밍 기능을 사용합니다.
  • 제네릭: 다양한 타입으로 작동할 수 있는 재사용 가능한 컴포넌트를 생성합니다.

시작하기

TypeScript 설치:

npm install -g typescript

TypeScript 파일 컴파일:

tsc my-file.ts

기본 타입

  • boolean: true또는 false.
  • number: 모든 숫자는 부동 소수점 타입입니다.
  • string: 텍스트 데이터.
  • array: 특정 타입의 값 배열.
  • tuple: 다른 타입의 고정된 수의 요소를 가진 배열.
  • enum: 숫자 값 집합에 더 친숙한 이름을 부여하는 방법.
  • any: 무엇이든 될 수 있는 동적 타입.
  • void: 전혀 타입이 없는 상태.
  • null`` and undefined**: 모든 다른 타입의 하위 타입.
  • never: 절대 발생하지 않는 타입을 나타냅니다.

인터페이스

interface Person {
  firstName: string;
  lastName: string;
}

function greeter(person: Person) {
  return "Hello, " + person.firstName + " " + person.lastName;
}

let user = { firstName: "Jane", lastName: "User" };

document.body.textContent = greeter(user);

클래스

class Greeter {
  greeting: string;
  constructor(message: string) {
    this.greeting = message;
  }
  greet() {
    return "Hello, " + this.greeting;
  }
}

let greeter = new Greeter("world");

제네릭

function identity<T>(arg: T): T {
  return arg;
}

let output = identity<string>("myString");

추가 리소스

Would you like me to fill in the remaining placeholders or provide the complete translations for the missing sections?https://www.typescriptlang.org/play)