TypeScript을 이용해서 함수를 만들어봅시다 !!

안녕하세요 !!

 

최근 타이프 스크립트를 공부하면서 공부한것들을 정리하려고 합니다 !

TypeScript는 Type를 적어서 나의 실수를 줄이고자 하는 것 같습니당 ! 

그 중에서 함수의 관한 글 ! 

 

func에서 각 변수들의 Type를 쓰지 않으면 defult로 any와 void가 설정이 됩니다!

위와 같이 기본적으로 함수를 선언하고 Type를 지정하지 않으면 defult값으로 any와 void가 들어갑니다!

 

이제 Type를 적어봅시다 ! 

 

함수에 Type를 선언 한 경우

 

함수의 결과를 void로 지정하고 return 1을 했을 경우

위 사진과 같이 함수를 void로 하고 return 1을 하는 순간 에러가 납니다.. 왤까요 ?  

왜냐하면 void는 return 값이 필요하지 않기 때문입니다 ! 

함수의 Argument(전달인자)의 Type를 선언 한 경우

 

함수의 argument(전달인자)에는 number로 쓰고 func에서 29를 string로 넘길 때

함수의 argument(전달인자)는 number로 Type로 정의를 하고 func에서 29를 string로 넘기면 number이 아니라는 에러가 떠줍니다 ^^ 

다양하게 함수의 Type를 선언 한 경우

 

함수를 string로 선언하고 return을 string로

 

함수를 string로 선언하고 return을 number로

위와 같이 다양하게 선언을 할 수 있습니다 !!! 

 

지금까지 JavaScript와 React는 경험해봤지만 TypeScript로 개발을 한 경우가 없었습니다..... 

그래서 자바스크립와 리액트를 쓴 경우 나도 모르게 실수를 하는 경우가 종종 있었는데 어딘지 모르고 찾기가 어려웠던 경험이 많은 나로써 정말 편하고 유용한 언어라고 느꼈습니다 !! 그리고 프론트 개발자에게 있어서 꼭 필요한거같습니다 !