들어가며 이 포스팅 에서 설정에 대한 자세한 설명이 없었는데, 이번 포스팅에서 babel과 tsc의 역할, 설정 파일에 대해 좀 더 자세히 살펴보자. tsc와 babel의 역할 TypeScript Compiler(tsc) 와 babel 둘 다 컴파일러의 역할을 하는데 어떤 것을 사용해야 할지 헷갈릴 수 있다. 이 둘의 역할을 간단하게 정리하면 다음과 …

top 타입 top타입 은 시스템에서 가능한 모든 값을 나타내는 타입이다. 모든 다른 타입은 top 타입에 할당할 수 있다. any 다시 보기 any 타입은 모든 타입의 위치에 제공될 수 있다는 점에서 top 타입처럼 작동할 수 있다. 다만 any는 타입스크립트가 해당 값에 대한 할당 가능성 또는 멤버에 대해 타입 검사를 수행하지 않도록 명시적으로 지…

인터페이스는 객체의 형태를 정의하는 또 다른 방법이다. 인터페이스는 타입 별칭과 여러 면에서 유사하지만, 일반적으로 더 읽기 쉬운 오류 메시지, 더 빠른 컴파일러 성능, 클래스와의 더 나은 상호 운용성을 위해 선호된다. 타입 별칭 vs. 인터페이스 타입 별칭(type alias) 과 인터페이스(interface) 는 타입을 정의하고 재사용할 수 있도록 …

배열 타입스크립트는 배열의 타입 안정성을 보장하기 위해 초기 배열에 포함된 데이터 타입을 기억하고, 이후 해당 배열이 동일한 데이터 타입으로만 작업할 수 있도록 제한한다. 이를 통해 배열의 일관성과 타입 안전성을 유지시킨다. 위 예제에서 fruits 배열은 초기에 문자열 값들로 초기화되었다. 타입스크립트는 이를 기억하고 있어, 이후 문자열을 추가하는…

함수 매개변수 변수와 마찬가지로 타입 애너테이션으로 함수 매개변수의 타입을 선언할 수 있다. 필수 매개변수 자바스크립트에서는 인수의 수와 상관없이 함수를 호출할 수 있다. 하지만 타입스크립트는 함수에 선언된 모든 매개변수가 필수라고 가정한다. 함수에 필수 매개변수(required parameter) 를 제공하도록 강제하면 예상되는 모든 인숫값을 함수 내…

객체 타입 {…} 구문을 사용해서 객체 리터럴을 생성하면, 타입스크립트는 해당 속성을 기반으로 새로운 객체 타입 또는 타입 형태를 고려한다. 객체 타입 선언 객체 타입은 객체 리터럴과 유사하게 보이지만 필드 값 대신 타입을 사용해 설명한다. 별칭 객체 타입 각 객체 타입에 타입 별칭을 할당해 사용하는 방법이 더 일반적이다. 구조적 타이핑 사용 검사 객체…

타입스크립트가 값을 바탕으로 타입을 추론하는 두 가지 핵심 개념은 다음과 같다. 유니언(union) : 값에 허용된 타입을 두 개 이상의 가능한 타입으로 확장하는 것 내로잉(narrowing) : 값에 허용된 타입이 하나 이상의 가능한 타입이 되지 않도록 좁히는 것 유니언 타입 유니언 타입(Union Type) 이란 자바스크립트의 OR 연산자( || )와…