[TIL_Angular_20.01.04] Angular를 위한 Typescript를 부셔보자 - 1

offdutybyblo·2021년 1월 4일
0

Angular

목록 보기
6/14
post-thumbnail

Prologue

우리는 왜 타입스크립트를 사용하는가? 자바스크립트 얼마나 자유도 높은 훌륭한 언어인가? 우리는 왜 이 타입지정을 해야만 하는가?

다 너 잘되라고 하는거야!!

타입스크립트를 사용하면 type, class, decorator, import, 언어 유틸리티(ex.distructing) 등을 사용해서 개발을 좀 더 정확하고 세밀하게 사용이 가능하다. 코드를 작성할 때 컴파일 타임 버그를 예방할 수 있으며, 코드를 읽을 때 작성자의 의도가 분명해진다.

결국, 우리가 타입스크립트를 사용하는 이유는 버그를 예방할 수 있고, 코드 가독성이 좋아지고, 그러면 당연히 협업 능력도 높아지는 것이다.

1.기본 구조

function Blo(name:string):string {
  return "hello" + name;
}

name:string

  • 해당 함수의 인자값에 타입을 지정해준다.

greetText(name:string):string

  • 함수의 리턴값의 타입을 지정해준다.

2.내장 타입

  • string
let name:string = 'blo';
  • number
let age:number = 10;
  • boolean
let married:boolean = false;
  • array
let jobs:Array<string> = ['a','b',...,'z'];
// 위 아래 같다
let jobs:string[] = ['a','b',...,'z'];
  • Enum / 열거형
enum Role{a,b,c}
let role:Role = Role.a;
  • any
// 타입의 기본값이다. 어떠한 값도 사용이 가능하다.
let something:any = 'as string';
something = 1;
something = [1,2,3];
  • void
//일반적으로 리턴값이 없는 함수에서 쓰이며 타입이 없을 때 사용된다.
function a(b:string):void {
 	표현식 ~~~~
}
profile
Front-End Devleoper 일껄요?

0개의 댓글