반응형
TypeScript (타입스크립트)
Microsoft에서 구현한 JavaScript의 슈퍼셋(superset) 프로그래밍 언어로, JavaScript에 타입을 부여하여 컴파일 결과물로 JavaScript 코드를 출력한다. 정적 타입을 명시하여 JavaScript에서 생길 수 있는 타입 에러들을 잡아내어 개발자가 의도한 변수나 함수 등의 목적을 명확하게 전달하기 위해 사용한다. 파일 확장자는 ".ts"다.
JavaScript vs. TypeScript
// math.js
function sum(a, b) {
return a + b;
}
// math.ts
function sum(a: number, b: number) {
return a + b;
}
위와 같이, TypeScript는 데이터 타입을 사전에 지정하여, a와 b에 다른 타입이 들어오면 에러를 리턴한다.
TypeScript의 기본 타입 및 선언 예시
기본 타입으로 총 12가지가 있다.
- Boolean: let isTrue: boolean = false;
- Number: let num: number = 10;
- String: let str: string = 'this is an exmaple';
- Object (any와 비슷하나 컴파일 중에 속성을 검사함): let num: Object = 123;
- Array: let arr: number[] = [1,2,3];
- Tuple: let arr: [string, number] = ['ts-example', 10];
- Enum: enum Fruits {Apple, Banana, Peach}; let myFruits: Fruits = Fruits.Apple;
- Any (모든 타입 허용): let num: any = "1234";
- Void (undefined와 null만 할당): let unuseful: viod = undefined;
- Null: let udf: string | null= null;
- Undefined: let udf: string | undefined = undefined;
- Never (함수의 끝에 절대 도달하지 않는다는 의미의 타입): function neverEnd(): never {while (true)}
설치
TypeScript를 사용하려면 npm이 필요하다
npm i -g typescript
공식 문서
https://www.typescriptlang.org/docs/
The starting point for learning TypeScript
Find TypeScript starter projects: from Angular to React or Node.js and CLIs.
www.typescriptlang.org
반응형
'웹_프론트엔드 > 로드맵 챌린지' 카테고리의 다른 글
PWA API - Storage (0) | 2022.03.21 |
---|---|
PWA - Progressive Web Apps (0) | 2022.03.18 |
테스트 프레임워크 - Enzyme (0) | 2022.03.16 |
테스트 프레임워크 - Cypress (0) | 2022.03.15 |
테스트 프레임워크 - react-testing-library (0) | 2022.03.14 |