[TypeScript] 타입스크립트 기본 타입 정리

* 본 포스팅은 필자가 개인적으로 학습한 내용정리 및 리뷰를 위해 포스팅합니다.

---

 

Javascript보다 학습 난이도가 높지만, 코딩 작업 시 에러가 발생하는 것을 예방해 주고 손쉬운 디버깅으로
작업 생산성이 높이는 타입스크립트 기본 타입 몇가지를 정리해 보자!

---

 

let 이름 :string = 'kimgyeongho';

▲ 변수명 :타입명 (string, number, boolean, null, undefined... 등등 사용가능)

 

 

 

let 친구들 :string[] = ['kim', 'park', 'han']

▲ array 자료에 타입지정 가능

 

 

 

let 사용자 :{ user1 : string, user2 : string } = { user1 : 'james', user2 : 'jane' }

▲ object 자료에도 타입지정 가능

 

 

 

let number = [1,2,3,4,5]

▲ 타입지정 자동으로 가능! 문법 생략 가능!

 

 

 

 

---

타입을 지정하기 애매할때!!!

 

let 아이디 :number | string = 'gyeonho123';

▲ Union Type 타입 2개 이상 합친 새로운 타입

 

 

 

let 아이디 :(number | string)[] = [123,'onetwo',456];

▲ Union Type 타입 숫자 또는 문자가 가능한 array

 

 

 

let 사용자 :{user : string | number} = { user : 12345 }

▲ Union Type 타입 숫자 또는 문자가 가능한 object

 

 

 

 

let 비밀번호 :any;
비밀번호 = 123;
비밀번호 = [];

let 변수 :string = 비밀번호; O

▲ any 타입 (타입 실드 해제 문법이므로 타입 관련 버그가 나도 잡아주지 않는다.)

 

 

 

let 비밀번호 :unknown;
비밀번호 = 123;
비밀번호 = {};

let 변수 :string = 비밀번호; X

▲ unknown 타입 (타입 실드가 적용되기 때문에 타입버그를 잡아준다.) 에러발생!!!

 

 

 

 

 

 

 

결론

안정적인 개발과 높은 수준 품질의 코드를 위한 타입스크립트를 공부하기에 앞서 필요한 기본 타입에 대해 정리해 보았다.

기초부터 알고 가자...