TypeScript_02. 그래서 타입스크립트가 뭔데

노마드코더 'Typescript로 블록체인 만들기' 강의 #0.4 First steps with Typescript를 듣고 공부한 것을 기록한 것입니다.

그래서 타입스크립트가 뭔데?

TypeScript는 타입언어입니다! 이게 무슨 말이냐면, 어떤 종류의 변수와 데이터인지 설정을 해줘야한다는 거예요. 우리는 타입스크립트를 사용함으로써 코드를 읽을 때 어떤 일이 일어날 지 쉽게 예상할 수 있습니다. TS컴파일러는 우리가 맞게 작업하고 있는지 알려줄 거예요.

간단한 코드를 하나 봅시다.

const name = "warmwhiten", age = 22, gender = "female";

const sayHi = (name, age, gender)=>{
	console.log(`Hello ${name}, you are ${age}, you are a ${gender}`);
}

sayHi(name, age, gender);

export {};

결과를 볼까요?

$ yarn start

잘 동작하네요! 만약 sayHi에서 gender를 사용하지 않는다면 어떻게 될까요?

3개를 받기로 되어있었으나, 2개 밖에 받지 못했다는 경고를 띄워줍니다.

이 상태에서 실행을 해본다면 어떻게 될까요?

어디서 오류가 발생했는지 알려주고, 실행시키지 않습니다.

바로 이것이 타입스크립트가 우리의 (멍충한)실수로부터 우리를 보호하는 방법입니다. 우리끼리 약속한 것들을 지키지 않았을 때 알려주는 거죠.

TypeScript Option - '?'

그런데 여기서 gender에 ?를 붙인다면 어떻게 될까요?


오류가 모두 사라졌습니다. 이건 '?'가 해당하는 파라미터(여기서는 gender)가 옵션임을 명시해주기 때문입니다. 이제 우리가 만든 함수 sayHi 는 name, age 만을 반드시 요구하게 되었습니다.

마무리

기억하세요. TypeScript는 이런 방식으로 우리를 우리의 멍충한 실수로부터 보호해줍니다!