반응형
* 본 포스팅은 필자가 개인적으로 학습한 내용정리 및 리뷰를 위해 포스팅합니다.
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 타입 (타입 실드가 적용되기 때문에 타입버그를 잡아준다.) 에러발생!!!
결론
안정적인 개발과 높은 수준 품질의 코드를 위한 타입스크립트를 공부하기에 앞서 필요한 기본 타입에 대해 정리해 보았다.
기초부터 알고 가자...
반응형
'TypeScript' 카테고리의 다른 글
[TypeScript] implements 키워드 (1) | 2023.10.31 |
---|---|
[TypeScript] Generic 함수 만들기 (0) | 2023.10.25 |
[TypeScript] class / object 타입 지정 (0) | 2023.10.19 |
[TypeScript] 색다르게 타입도 변수에 담아서 쓰자(type alias) (0) | 2023.10.18 |
[TypeScript] 함수에 타입 지정하는 법 (4) | 2023.10.17 |
댓글