반응형

TypeScript 3

ts공부하기) typescript 함수

웹 구현시 자주 사용되는 함수는 타입스크립트로 크게 아래 3가지의 타입을 볼 수 있다. 함수의 파라미터(매개변수) 타입 함수의 반환 타입 함수의 구조 타입 함수의 기본적인 타입 선언 타입스크립트의 함수 선언 방법을 이해하기 위해서 자바스크립트 함수를 먼저 살펴보자 function sum(a, b) { return a+b; } //위의 js함수에 타입을 부여하면 function sum(a: number, b: number): number { return a+b; } → 기존 js 함수의 선언방식에서 매개 변수와 함수의 반환값에 타입을 추가하였다. 함수의 반환 값에 타입을 정하지 않을때는 'void'를 사용한다. 함수의 인자 타입스크립트에서는 함수의 인자를 모두 필수값으로 간주한다. 따라서 함수의 매개변수를..

ts공부하기) 타입스크립트 기본 타입

Javascript 코드에 타입스크립트로 타입을 정의할 수 있다. Typescript의 기본 타입에는 크게 12가지가 있다. Boolean Number String Object Array Tuple Enum any void null undefined never String Javascript 변수 타입이 문자열인 경우 다음과 같이 선언하여 사용합니다. let str: string = 'hello'; ✔ 위처럼 : 를 이용하여 자바스크립트 코드에 타입을 정의하는 방법을 Type Annotation(타입표기, 타입애너테이션)이라고 한다. Number /* 타입이 숫자일때 */ let num: number = 18; Boolean /* 타입이 진위 값인 경우 */ let isTure: boolean = tur..

ts공부하기) nest.js에서 필요한 필수 typescript

Nest는 타입스크립트를 기본언어로 채택한다. javascript로 바꿀 수 있지만, typescript의 장점을 이용하기 위해서 기본설정을 바꾸지 않는것이 좋다. typescript는 마이크로소프트에서 개발한 언어이다. 자바스크립트 코드에 타입시스템을 도입했다. 따라서 런타임 에러가 발생할 가능성이 있는 코드를 찾아준다. 이때 정적분석(Static Analysis)로 찾아준다고하는데 소스코드를 실행하지 않고 코드만을 분석하여 문제가 될 부분을 찾아내는 기법이다. 타입스크립트는 tsc명령으로 컴파일하여 자바스크립트 코드로 변환이 가능하다. 컴파일 후 생성된 자바스크립트는 타입이 없다. (자바스크립트는 타입이 없기 때문) 변수선언 [선언키워드] [변수명] : [타입] Typescript에서 변수를 선언하는..