본문 바로가기

728x90

타입스크립트

(3)
타입스크립트 기본(2) 함수편 다시한번 타입스크립트의 정의를 되새겨보자. 제로초님을 영접해보자. 타입스크립트란, 자바스크립트에 변수 매개변수 리턴값에 타입이 붙는것 이번 함수편에서는 인수(매개변수)와 리턴값에 대해 타입정의를 해나갈 것이다. 함수선언 밑에 간단한 함수를 선언해보자. function increment(num) { return num + 1; } 이 함수에 타입을 지정해주면, 인수와 리턴값기억! function increment(num: number): number { return num + 1; } 인수 num의 옆에 number라는 인수의 타입을 지정해주고 괄호() 옆에 :number를 지정함으로써 리턴값의 타입을 지정해 주었다. 만약 인수에 타입을 생략 할 경우에는 컴파일러는 any타입이라고 암묵적으로 해석한다. 리..
타입스크립트 기본(1) 타입스크립트란 ? 저의 온라인 선생님이신, 제로초님의 말을 빌리자면 타입스크립트란, 「자바스크립트 변수, 매개변수 리턴값에 타입이 붙는것」이다 간단히 타입스크립트를 쓰면 좋은 점에 대해 알아보자면 타입을 정함으로써 프로그램을 움직이기 전에 에러를 발견할 수 있다는 것과 의도치 않은 타입을 대입하는 것을 방지할 수 있다. 타입목록 number형、string형 boolean형 array형 tuple형 배열 내부의 값의 타입을 지정함으로써 지정된 타입만 사용하도록 함 any형 모든 타입을 허용한다는 의미 null형、undefined형 void형 함수에서 리턴을 안적었을때의 타입 union형 or(또는)의의미. 둘 이상의 타입을 설정할 때 타입들 중에서 하나라도 참이면 참 관련글 타입스크립트 기본(2)함수 타입..
타입 어서션「as」(type assertion ) 타입스크립트에는 타입추론을 덮어쓰는 기능이있다. 이 기능을 타입어서션(type assertion)이라고 한다. * 타입스크립트 컴파일러는 코드를 바탕으로 타입을 추론해준다. 그렇게 추론된 타입은 대부분 맞긴하지만, 상황에 따라서 컴파일러보다 정확한 타입을 알아야 할 때가 있다. 이런 경우, 타입어서션을 통해 컴파일러에 타입을 전달해 줄 수 있다. 타입어서션은 컴파일러에게 "내가 타입이 이거라는 걸 보장할 테니, 날 믿어줘!!!!!!!" 라고 하는 것과 같다. 사용방법 타입어서션을 사용하는 방법에는 두 가지가 있다. 첫 번째는 as를 사용한다. 다른 하나는 을 사용하는 방법이다 컴파일에러가 되는 타입어서션 타입어서션을 사용하면 제한없이 타입을 덮어쓸수 있는가에 대해서는 그렇지는 않다. 예를들어 number..

728x90