JavaScript/TypeScript

[TypeScript] 타입 - 1

J-Plum 2023. 4. 5. 02:36

이번에 미니 프로젝트를 진행하면서.. 정말 타입 오류가 많았습니다..

진작에 타입스크립트 공부를 해둘껄 하며 후회했습니다..

더 늦기전에 해야지..

 


TypeScript 의 Type

1. number 

 

 - number에는  정수, 소숫점, Infinity , NaN 등이 해당됩니다.


2. boolean

 - 그냥 true, false입니다.

 


3. null / undefined

 

 -  null의 경우에는 초기화해야 하며, 할당할 수 있는 값 또한 null만 가능합니다..

    위 두개를 사용하는 일은 거의 없다고 합니다.


4. Array

 

 - 사용법은 크게 다르지 않으며, 배열의 데이터에 어떠한 타입이 들어갈지 정해줍니다.

 - 마지막의 경우 Union 타입이라고 부르며, 사용할 타입을 여러개 선언할 수 있습니다


5. object

 

object type은 엄격하지 않아서 잘 사용하지 않습니다.


 

객체의 경우 왼쪽과 같이 속성과 타입을 지정할 수 있습니다. 그리고 위의 userA, B는 같은 타입을 사용하고 있습니다.

타입이 같은 경우 오른쪽과 같이 interface를 사용해서 간단하게 재사용이 가능합니다.

 

 

 

 


6. function

함수는 매개변수의 타입 그리고 return의 타입을 지정합니다.

지정하는 방식은 두가지 입니다.

 

이게 더 편할 것 같다.

아래의 방법이 훨씬 편한 것 같습니다.


 

a는 에러가 없지만 b는 에러가 있습니다.

 

b는 object 타입만 담을수 있는데 calc함수의 리턴값은 number이기 때문에 에러가 발생했습니다.

 


 

return이 없는경우 void를 사용합니다.

 

js는 return 이 없을때 undifined이지만 TypeScript에서는 void를 사용합니다.

다르게 사용하니 잘 구분지어야 합니다.

 

 


나머지는 타입 2에서.. 

https://j-plum.tistory.com/57