안루피취뽀일기

타입스크립트 기본 타입 정리(primitive types) 본문

React

타입스크립트 기본 타입 정리(primitive types)

안루피 2024. 5. 21. 12:36
728x90

 

변수 만들 때 타입 정하기 (타입 실드씌우기)

 

타입스크립트는 변수만들 때 변수의 타입을 지정가능하다.

let 이름: string = 'kim'

 

변수명 :타입 이렇게 정하면 된다.

이게 변수에 실드를 씌운 것!이제 이름이라는 변수는 string 타입이 되며갑자기 숫자 이런걸 할당하려고 하면 실드로 튕겨낸다 (에러가 난다)** 참고! name이라는 변수명은 전역변수로 사용불가능하다. 비슷한 거 여러개 있음

 

타입은 여러가지가 있다.

 

자주쓰는 primitive types 들을 소개하자면 string, number, boolean 이런게 있다.

let 이름 :string = 'kim';
let 나이 :number = 20;
let 결혼했니 :boolean = false;

 

추가로 null, undefined 이런 것도 있다.근데 굳이 사용하진 않는다.

 

array 또는 object 자료 안에도 타입 지정 가능

 

여러 자료를 한 곳에 저장하고 싶을 때 array또는 object 자료형을 사용한다.그 안에 들어갈 자료들도 전부 타입지정이 가능하다.

let 회원들 :string[] = ['kim', 'park']

 

array 자료 안에 들어갈 타입은 타입명[] 이렇게 지정하면 된다.

그럼 array 자료에 각각 string이이라는 타입 실드를 장착한 것.

 

let 내정보 : { age : number } = { age : 20 }

 

object 자료안에 들어갈 타입은 내가 만들 object와 똑같은 모습으로 지정하면 된다.

 

let 이름 : string = 'kim';
이름 = 30;

 

타입을 잘 지정해준다면 타입이 실수로 변경될 때 이런 경고성 에러가 난다.

Type 'number' is not assignable to type 'string'.(2322)

 

 

그렇다고 모든 변수에 타입지정하러 다니면 초보티가 난다.

숙련자들은 타입을 귀찮게 굳이 적지 않는다..

왜냐면 변수 생성시 타입스크립트가 타입을 자동으로 부여해주니까

 

let 이름 = 'kim';
let 나이 = 20;

 

이렇게만 써도 자동으로 이름변수는 string, 나이 변수는 number를 가지고 있다.

array, object 만들 때도 자동으로 알아서 된다. 굳이 복잡하게 타입 명시할 필요가 없다.

 

 

let 이름;
이름 = 'kim';

 

심지어 변수만 만들고

나중에 가서 여기에 "Kim"을 할당해도 타입이 자동으로 string으로 변한다.

그래서 간단한 변수들은 타입을 생략하자.

 

**팁) 에러메세지는 tsc -w 명령어 실행중인 터미널에 나온다. 간결하게 보려면 터미널 탭옆에 problems 탭에도 나옴!

 

 

 

 

 

728x90