[ TypeScript ] 타입스크립트란? 기본 타입의 종류

타입스크립트

타입스크립트의 장점

1. 높은 수준의 코드 탐색과 디버깅 : 사전에 에러를 발생시켜 버그 제거
2. 자바스크립트와의 호환
3. 강력한 생태계 (대부분의 라이브러리 TS 지원 및 VSCode)
4. 점진적 전환: 특정 기능에만 TS 도입 가능
5. 유지보수의 용이성과 개발의 편리성 (VSCode의 자동완성, 협업에 유리)

타입스크립트 시작하기

1. 타입스크립트 파일 생성 (index.js)

function sum(a:number, b:number): number{
	return a + b;
    }
    console.log(sum(10,20))

2. NPM 설정 파일 생성 및 타입스크립트 설치하기
   npm init -y
npm install typescript -D

3. 타입스크립트 컴파일 명령어 실행하기
   npx tsc index.ts

변수에 타입 지정 방법

변수 뒤에 : 를 붙이고 그 뒤에 타입 이름 을 추가

기본 타입

string

자바스크립트의 문자열을 의미하는 타입
const name : string = 'hyein';

number

특정 변수가 숫자만 취급된다면 사용하는 타입
let age: number = 25;

boolean

진위값만 취급하는 변수
let isLogin: boolean = false;

object

객체 유형의 데이터 취급 시 사용
const hero: object = {name: 'captain', age:100};

Array

제네릭 타입
let cards : Array<number> = [1,2,3,4];
배열의 요소를 나타내는 타입 뒤에 [] 사용
let cards:number[] = [1,2,3,4];

tuple

요소의 타입과 개수가 고정된 배열
let item: [string, number] = ['hi', 1];

any

아무 데이터나 취급하겠다는 의미, 알지 못하는 타입 표현에 사용

null과 undefined

모든 타입의 하위 타입, 자신의 타입이름임

Enum

특정 값의 집합(상수)를 의미하는 타입, enum 은 0부터 시작함

enum Color (Red = 1, Green, Blue);
const colorName : string = Color[2];
console.log(colorName) //Green

void

결과 값을 반환하지 않는 함수에 설정, return 값이 없거나, 있음에도 반환값이 없는 경우

function warn():void {
  console.log('this is warning!);
              }         

Never

함수의 끝까지 절대 도달할 수 없는 함수의 타입
어떠한 값도 가질 수 없는 함수도 포함됨 따라서, any , null, undefined 등 모두 할당 불가

function isWillNotFinish():never{
 while(true){
   ~~
 	}
 }

function throwError():never{
throw new Error(~)
}