📑 typescript TIL

typescript는 Microsoft가 개발해서 VSC랑 아주 잘 호환된다.

 

typescript가 개발된 이유는 타입 안정성 때문이다. 이로 인한 장점

- 타입스크립트로 작성하면 코드 버그가 확연하게 감소한다.

- 런타임 에러가 감소한다.

- 생산성도 증가한다.

 

javascript에서 [1,2,3,4] + false 를 실행하면 '1,2,3,4false'가 출력이 된다.

array와 boolean을 더하여 string이 되는 이상한 오류.

 

javascript는 타입이 엉망이어도 실행시켜주는데 이것이 javascript의 가장 큰 오류 중 하나.

 

 

typescript를 컴파일하면 javascript로 변환시켜준다.

이 때 오류가 있다면 javascript로 컴파일되기 전에 오류가 검출되고 컴파일 되지 않는다.

 

typescript 코드를 작성할 때에는

let b : boolean = false

이런 식으로 타입을 명시적으로 작성하기 보다는 typescript가 타입을 추론하도록 하는 것이 좋다.

 

 

 

const player: {
	readonly name: string	// min.name = "수정" -> readonly이기 때문에 수정 불가
    age?: number
} = {
	name: "min"
}

if(player.age && player.age < 10) { // player.age < 10만 있으면 오류. number가 아닐 수도 있다고 판단하기 때문.
}

 

위의 코드를 클린하게 작성하고 전개시킨 코드.

type Age = number
type Player = {
	name: string,
    age?: Age
}

const min = Player = {	// 코드 재사용
	name: "min"
}

function playerMaker(name: string) : Player {
	return {
    	name: string
    }
}

// == const PlayerMaker = (name: string) : Player => ({name})

const min = playerMaker("min");
min.age = 15;	// 오류 X

 

 

 

const numbers : readonly number[] = [1, 2, 3, 4];

numbers.push ~ => 오류

 

 

Tuple

const player : [string, number, boolean] = ["min", 1, true] => 최소 세개의 아이템을 갖고 이 순서로 가져야함을 알려줌

javascript에서는 array로 보인다.

 

Unknown

let a : unknown; => 변수를 미리 알 수 없을 때 사용한다. 일종의 보호 역할. 어떤 작업을 하려면 이 변수의 타입을 먼저 확인해야하는 식.

 

if(typeof a === 'number') {
	let b = a + 1;	// 문제 없음. 코드 상에서 a는 number이기 때문.
}

 

void

function hello() {	// type: void. 보통은 void라고 선언하지 않아도 됨. return이 없는 함수는 void
	console.log('x');
}

 

Never

함수가 절대로 return 하지 않을 때 사용한다. 

function hello(): never {
	return "hello";	// error 
    
    throw new Error("xxxxx");	// error 발생 X
}

또한 never는 타입이 두 가지일 수도 있는 상황에도 발생할 수 있다.

function hello(name: string | number) {
	if(typeof name === "string") {
    	name
    } else if(typeof name === "number") {
    	name
    } else {
    	name	// 발생하지 않아야하는 코드이므로 never
    }
}