typescript.md

TypeScript

타입스크립트 장점

타입스크립트를 사용하는 이유에 대해서 설명해주세요.

가장 큰 이유는 정적 타입 시스템을 지원한다는 점입니다.

코드를 실행하기 전인 컴파일 타임에 타입 관련 오류를 미리 발견해서 수정할 수 있습니다. 이를 통해 런타임에서 발생할 수 있는 많은 버그를 줄여 코드의 안정성을 향상시킬 수 있습니다.

타입스크립트와 자바스크립트의 차이는 무엇인가요?

JavaScript와 TypeScript의 가장 큰 차이점은 2가지가 있습니다.

첫번째로, JavaScript의 경우 동적 타입으로 변수의 타입이 런타임에 결정되지만, TypeScript는 정적 타입으로 컴파일 단계에서 타입을 검사합니다.

두번째로, 컴파일 단계에서 JavaScript는 브라우저나 Node.js에서 바로 실행되지만 TypeScript는 JavaScript로 트랜스파일 된 후에 실행됩니다.

타입스크립트로 작성된 코드의 성능은 자바스크립트와 비교했을 때 어떤가요?

TypeScript로 작성된 코드의 성능은 JavaScript와 동일합니다.

TypeScript는 컴파일 타임에 타입 검사를 통해 코드의 품질을 높이지만, 최종적으로 변환되는 코드는 JavaScript로 컴파일되기 때문에 실행 성능에는 차이가 없습니다.

타입스크립트 동작 원리

타입스크립트의 타입 시스템은 런타임에 어떻게 동작하나요?

TypeScript의 타입 시스템은 컴파일 타임에만 동작하며, 런타임에는 타입 정보가 제거됩니다. TypeScript는 코드가 실행되기 전에 타입 검사를 통해 오류를 검출합니다. 하지만 컴파일 후 생성되는 JavaScript 코드에는 트랜스파일링되어 타입 정보가 포함되지 않으므로, 실제 실행 시에는 타입 검사가 이루어지지 않습니다.

타입스크립트의 컴파일링 과정에 대해서 설명해주세요.

1. 타입스크립트 코드 작성: 먼저 개발자는 .ts 또는 .tsx 확장자를 가진 파일에 타입스크립트 문법을 사용해서 코드를 작성합니다.
2. 타입스크립트 컴파일러(TSC) 실행: 작성된 타입스크립트 코드는타입스크립트 컴파일러(tsc)를 사용해서 자바스크립트 코드로 변환하는 과정이 필요합니다. 이 컴파일 단계에서 타입 검사와 같은 작업들이 이루어집니다.
3. 자바스크립트 코드 생성: 컴파일 과정의 결과로, 타입 정보가 제거되고 설정된 타겟 버전의 문법을 따르는 .js 파일이 생성됩니다.
4. 자바스크립트 코드 실행: 이렇게 생성된 순수한 자바스크립트 파일을 브라우저나 Node.js 환경에서 로드하여 실행합니다. 이 단계에서는 더 이상 타입스크립트와 직접적인 관련은 없고, 일반적인 자바스크립트 실행 과정과 동일하게 진행됩니다.

타입스크립트 핵심 개념

interface와 type의 차이점에 대해 설명해주세요.

interface는 객체 형태의 확장에 유리하고, type은 튜플, 유니온 등 더 복잡한 타입 조합에 유리합니다.

1. 확장(상속) 하는 법

   interface는 extends 키워드를 이용해서 확장하고, type은 & 기호로 확장할 수 있다.

2. 선언적 확장

   interface는 같은 이름으로 중복 선언 시 자동으로 병합되며 확장에 유리하지만, type은 중복 선언 시 오류가 발생합니다.

3. 복잡한 타입 선언

   type은 튜플, 유니온( | ), 조건부 타입 등 다양한 고급 타입 선언이 가능하지만, interface는 객체 타입으로만 제한됩니다. (단, interface에서 유니온 타입은 객체의 속성 타입으로는 사용 가능하며, 타입 자체를 유니온으로 정의하는 것은 불가능합니다.)

4. 자료형(type)

   interface는 객체 타입에만 사용할 수 있고. type은 객체뿐만 아니라 문자열, 숫자 등 원시 타입도 정의할 수 있습니다.

제네릭에 대해 설명해주세요.

제너릭은 타입을 마치 함수의 파라미터처럼 받아서 사용하는 기능으로, <T>와 같이 표기합니다. 이를 통해 함수, 인터페이스, 클래스 등에서 다양한 타입에 유연하게 대응할 수 있으며, 코드의 재사용성과 타입 안정성을 높일 수 있습니다. 또한 extends 키워드를 사용하면 특정 타입만 허용하는 제약 조건도 설정할 수 있습니다. 제너릭은 유틸리티 타입과 함께 자주 사용되며, 대표적으로 Partial<T>, Readonly<T>처럼 기존 타입을 변형해주는 기능을 제공합니다.

유니언 타입( | )과 인터섹션 타입(&)의 차이를 설명해주세요.

유니언 타입은 둘 중 하나라도 만족하면 되는 타입입니다. 인터섹션 타입은 두 타입을 모두 만족해야 합니다.

유틸리티 타입에 대해서 설명해주세요

• Partial : 객체 타입의 모든 속성을 선택적으로 만드는 타입입니다.
• Pick : 객체 타입에서 특정 속성만 선택하여 새로운 타입을 만듭니다.
• Omit : 객체 타입에서 특정 속상만 제외하여 새로운 타입을 만듭니다.

타입 단언과 타입 가드의 차이점은 무엇인가요?

타입 단언은 as를 사용하여 타입을 강제로 지정하는 것이고,

타입 가드는 typeof, instanceof, 또는 사용자 정의 타입 가드를 통해 실제 타입을 체크하고 좁혀주는 방식입니다.

타입스크립트에서 private, protected, public 키워드는 어떤 역할을 하나요?

• public의 경우 클래스의 모든 속성이나 메서드는 외부에서 접근이 가능합니다.
• private의 경우 클래스 내에서만 접근할 수 있는 속성이나 메서드를 정의합니다. 따라서, 클래스 외부에서 접근할 수 없고, 상속된 클래스에서도 접근할 수 없습니다.
• protected의 경우 private과 비슷하지만, 자식 클래스에서는 접근할 수 있습니다.

타입 추론(Type Inference)이란 무엇인가요?

타입 추론은 타입스크립트 컴파일러가 개발자가 코드에 명시적으로 타입 주석을 작성하지 않아도, 코드를 분석해서 해당 변수나 표현식의 타입을 스스로 알아서 결정하는 기능을 말합니다. 간단히 말해, 타입스크립트가 '알아서 타입을 짐작해주는' 거죠.

예를 들어 let name = "Alice" 와 같이 변수를 선언하면서 바로 값을 할당하면, name 변수의 타입은 string으로 자동으로 추론합니다.

`any` 타입의 사용을 어떻게 피하고 계신가요?

첫째, 가능한 구체적인 타입을 명시하려고 합니다. 원시 타입의 경우에도 string, number와 같이 명시를 해주고 객체의 경우에는 별칭을 사용하여 명확하게 정의합니다.

둘째, 데이터의 타입을 정확히 알 수 없을 때는 unknown 타입을 우선적으로 고려합니다. unknown은 타입 가드를 사용해서 타입을 먼저 확인하고 사용하도록 강제해주기에 안전한 대안입니다.

TypeScript에서 undefined, null를 다루는 방법에 대해 설명해주세요.

자바스크립트에서는 이 두 값이 런타임 에러의 주요 원인이 되곤 하는데요, 타입스크립트는 이런 문제를 해결하기 위해 strictNullChecks 라는 매우 중요한 컴파일러 옵션을 제공합니다. tsconfig.json 파일에서 이 옵션을 true로 설정하는 것이 강력히 권장됩니다.

strictNullChecks를 켰을 때, string이나 number 같은 다른 타입의 변수에 null이나 undefined를 할당할 수 없게 됩니다. 만약 어떤 변수가 null 또는 undefined 값을 가질 수 있다면, 반드시 유니언 타입을 사용해서 명시적으로 표시해야 합니다.