TS: 한입크기로 잘라먹는 타입스크립트 챌린지_day2

진도

 

1. 타입스크립트 개론 (5/5)

• 타입스크립트 컴파일러 옵션 설정

2. 타입스크립트 기본 (2/8)

• 기본 타입이란
• 원시 타입과 리터럴 타입

요약

number 타입으로 정의한 변수에는 number 타입을 제외한 값을 할당할 수 없으며, number 타입의 값이 사용할 수 없는 toUpperCase 등의 메서드는 사용할 수 없다.

// number
let num1:number = 123;
let num2:number = -123;
let num3: number = 0.123;
let num4: number = -0.123;
let num5: number = Infinity;
let num6: number = -Infinity;
let num7: number = NaN;

 

변수의 이름 뒤에 콜론(:)과 함께 변수의 타입을 정의하는 이런 문법을 ‘타입 주석’ 또는 ‘타입 어노테이션’이라고 부른다.

string 타입은 단순한 쌍따옴표 문자열 뿐만 아니라 작은 따옴표, 백틱, 템플릿 리터럴로 만든 모든 문자열을 포함한다.

 

// string
let str1:string = "hello";
let str2: string = `hello`;
let str3: string = 'hello';
let str4: string = `hello ${num1}`

 

boolean 타입은 true 혹은 false를 가지는 타입이다.

 

// null
let bool:boolean = true;

 

null 타입은 null만 포함하는 타입이다.

 

// null
let null1:null = null;

 

undefined 타입도 undefined만 포함하는 타입이다.

 

// undefined
let unde1: undefined = undefined;

 

리터럴타입은 단 하나의 값만 포함하는 타입이다. 그 값 이외의 값은 할당이 불가하다.

 

// 리터럴 = 값
let numA:10 = 10; 
let strA: "hello" = "hello";
let boolA:true = true;

 

과제

 

Q. 정적 타입시스템과 동적 타입 시스템의 단점들은 보완하고 장점들은 그대로 가져온 TypeScript의 타입 시스템은? 

➡️ 점진적 타입 시스템 (Gradual type System)

 

Q. TypeScript의 타입 시스템이 갖는 특징에는 어떤 점이 있을까요? (바로 딱 떠오르는 한가지 특징)

➡️ 자바스크립트의 경우 인터프리터 언어로 런타임 단계에서 오류가 발견이 되는데에 반해 타입스크립트(컴파일 언어)는 컴파일 단계에서 타입을 검사하기 때문에 사전에 오류 발견이 가능하다

 

Q. TypeScript를 컴파일 하면 그 결과로 무엇이 생성되나요?

(힌트! TypeScript는 다른 언어들과는 달리 컴파일 결과 ByteCode가 생성되지 않아요)

➡️ typescript => ast => type checking => javascript

 

Q. 타입스크립트를 사용할 때 tsconfig.json 파일을 사용해서 타입 검사를 매우 엄격하게 하려면 어떤 옵션을 어떤 값으로 설정해야 할까?

➡️ 

{
"compilerOptions": { "strict" : true }
}

 

Q. 아래 코드처럼 number 타입의 변수에 null 값을 할당하려고 한다.

let numA: number = null; // ❌ 오류 발생!

 

이 코드는 엄격한 타입 검사가 활성화 되어 있을 때에는 오류로 판단되는데, 만약 위 코드를 오류가 아닌 것으로 판단하게 하려면 어떤 옵션을 어떤 값으로 설정해야 할까?

➡️ 

{
"compilerOptions": { "strictNullChecks" : false }
}