TypeScript 플래시카드

카테고리 후원자

TypeScript는 Microsoft의 Anders Hejlsberg가 만든 정적 타입이 적용된 JavaScript 상위 집합입니다. 대규모 애플리케이션에서 생산성을 높이고 코드 품질을 향상시키기 위해 설계된 언어입니다. TypeScript는 풍부한 타입 시스템과 고급 언어 기능이 특징이며, 컴파일 타임에 오류를 감지하고 개발 도구에 대한 지원을 향상시킵니다. 이 언어는 인터페이스, 제네릭, 데코레이터와 같은 기능을 제공하여 개발자가 더 읽기 쉽고 유지보수 가능한 코드를 작성할 수 있게 합니다. TypeScript는 또한 JavaScript와의 완전한 호환성을 지원하고 기존 프로젝트에서 점진적으로 채택할 수 있어, 성능을 유지하면서 JavaScript 생태계를 쉽게 사용할 수 있습니다.

우리의 플래시카드 앱에는 신중하게 선정된 TypeScript 면접 질문과 포괄적인 답변이 포함되어 있어, TypeScript 지식이 필요한 어떤 면접에도 효과적으로 대비할 수 있습니다. IT 플래시카드는 구직자만을 위한 도구가 아닙니다 - 현재의 경력 계획에 관계없이 지식을 강화하고 테스트할 수 있는 훌륭한 방법입니다. 앱을 정기적으로 사용하면 최신 TypeScript 트렌드를 지속적으로 파악하고 높은 수준의 기술을 유지할 수 있습니다.

우리 앱의 샘플 TypeScript 플래시카드

App Store 또는 Google Play에서 저희 앱을 다운로드하여 더 많은 무료 플래시카드를 받거나, 모든 플래시카드에 액세스하려면 구독하세요.

TypeScript에서 'any' 타입이란 무엇이며 언제 사용하는 것이 권장됩니까?

TypeScript에서 any 타입은 어떤 데이터 타입이든 나타낼 수 있는 동적 타입입니다. any 타입을 사용하는 것을 통해 컴파일 중에 타입 검사를 피할 수 있으며, JavaScript와 같은 다른 프로그래밍 언어의 동적 타입처럼 처리될 수 있습니다.

다음은 TypeScript에서 any 타입을 사용하는 예입니다:

let dynamicValue: any = 100;
dynamicValue = "hello";
dynamicValue = false;

any 타입의 사용은 편리하지만, 데이터 구조를 알고 있다면 권장되지 않습니다. TypeScript가 JavaScript보다 주요한 장점은 컴파일하는 동안에 오류를 감지하는 데 도움이 되는 정적 타이핑을 도입한다는 것입니다.

따라서 any 타입의 사용은 특정 타입을 결정할 수 없는 상황에 제한되어야 합니다. 예를 들어, 구조가 바뀔 수 있는 API 데이터와 같은 동적 데이터를 처리할 때 필요할 수 있습니다. 주의하세요 - any 타입의 과도한 사용은 TypeScript가 타입 검사 및 검증을 통해 제공하는 이점을 잃게 만들 수 있습니다.

TypeScript의 함수 컨텍스트에서 'void' 타입이란 무엇인지 설명해주세요.

TypeScript에서 void 타입은 값을 반환하지 않는 함수가 반환하는 특별한 타입입니다. JavaScript / TypeScript 용어로, 반환 타입을 선언하지 않거나 return 문이 없는 함수는 undefined를 반환합니다. 이러한 함수 타입은 void 타입을 사용해 선언할 수 있습니다.

void 타입은 특정 동작을 수행하지만 값을 반환하지 않아야 하는 함수를 생성하려고 할 때 유용합니다. 이는 일반적으로 애플리케이션의 상태를 변경하거나 클릭 이벤트에 대한 반응과 같은 화면 상의 효과를 표시하는 함수에 사용됩니다.

예시:

function logMessage(message: string): void {
  console.log(message);
}

logMessage 함수는 문자열을 인수로 받아 콘솔에 표시합니다. 이 함수는 어떤 값을 반환하지 않습니다. void 타입은 이 함수가 어떤 값을 반환하지 않아야 한다는 것을 정확히 정의합니다. 만약 이와 같은 함수에서 어떤 값을 반환하려고 하면, TypeScript는 컴파일 오류를 보고할 것입니다.

TypeScript에서 인터페이스와 타입의 차이점은 무엇입니까?

TypeScript에서 인터페이스와 타입 모두 비슷한 목적을 가지지만 차이점이 있습니다. 몇 가지 차이점을 아래에 설명하겠습니다.

1. 다양한 방식으로 타입 선언: 타입은 더 복잡한 선언을 허용합니다. 예를 들어, 타입을 유니언, 교차, 튜플 타입, 리터럴 타입, 인덱스 타입, 매핑 타입, 조건 타입 등으로 선언할 수 있습니다. 인터페이스는 이와 같은 유연성을 가지고 있지 않습니다.

2. 확장 및 구현: 인터페이스는 클래스를 위해 확장하고 구현할 수 있습니다. 이는 코드 작성을 용이하게 할 수 있습니다. 반대로 타입은 이와 같은 기능을 제공하지 않습니다.

3. 선언 병합: 인터페이스는 한 범위에서 여러 선언을 가질 수 있습니다. 이 모든 선언은 한 인터페이스로 병합됩니다. 타입은 여러 번 선언할 수 없습니다.

인터페이스 병합 예시:

interface User {
  name: string;
}

interface User {
  age: number;
}

// 이제 User 인터페이스는 name과 age 필드를 포함합니다.

타입 선언시 차이점:

type User = {
  name: string;
};

// 컴파일러는 오류를 생성할 것입니다. 타입은 여러 번 선언할 수 없기 때문입니다.
type User = {
  age: number;
};

4. 구조 타입 호환성: 인터페이스는 구조 타입 호환성을 결정하는 데 사용할 수 있습니다. 반면에 타입은 복합 타입을 처리하도록 설계되었습니다.

인터페이스와 타입 사용 예시:

interface ExampleInterface {
    prop1: string;
}

type ExampleType = {
    prop1: string;
    prop2: number;
} | string | number;

그러나 인터페이스와 타입 사이의 선택은 주로 축이나 상황에 따라 달라진다는 사실을 기억하십시오. 각기 장단점이 있습니다.

TypeScript에서 특정 속성과 타입을 가진 객체를 어떻게 정의할 수 있습니까?

TypeScript에서는 인터페이스나 타입 별칭이라는 주어진 객체가 제시하는 형태를 확인하는 두 가지 메커니즘을 사용하여 지정된 속성 및 타입이 있는 객체를 정의할 수 있습니다. 이들은 객체의 형태를 설명하는 데 사용됩니다. 다음은 그 방법입니다:

1. 인터페이스 사용:

interface Person {
    firstName: string;
    lastName: string;
    age: number;
    isEmployed: boolean;
}

let john: Person = {
    firstName: 'John',
    lastName: 'Doe',
    age: 25,
    isEmployed: true
};

2. 타입 별칭 사용:

type Car = {
    make: string;
    model: string;
    year: number;
}

let myCar: Car = {
    make: 'Toyota',
    model: 'Corolla',
    year: 2020
};

두 경우 모두, 선언된 형태와 일치하지 않는 객체를 변수에 할당하려고 하면(예: 필드가 누락되거나 추가됨) 컴파일 오류가 발생합니다.