본문 바로가기

Study/TypeScript

(3)
[TypeScript] Type alias 타입 변수같이 저장하고 사용할수 있음 #0. Type alias - 타입이 너무 길거나 복잡한 경우에, 타입을 변수마냥 저장하고, 꺼내 쓸수도 있다. #1. 사용법 1.기본사용법 - 다음과 같은 형태로 정의하고, type 타입변수명 = 타입 - 다음과 같은 형태로 사용하면 된다. let 변수명:타입변수명 = 값; - 사용 예시 type PersonNameType = string; let personName: PersonNameType = '김태희'; // union 타입도 가능 type PersonNameType2 = string | number; let personName2: PersonNameType2 = 123; 2. array - 타입명[] 형태로 짜주면 된다. type ArrayType = string[]; let arr:Array..
[TypeScript] 기본타입 지정하기 #1. 타입 지정하기 1. 일반적으로 let 문자 :string = '문자'; let 숫자 :number = 123; let 불리언 :boolean = false; let 널 :null = null; let 언디파인드 :undefined = undefined; // 여러개의 타입이 들어간다면 | 사용 - Union Type let 문자또는숫자 :string|number = '문자또는숫자' let 문자또는숫자 :(string|number) = '문자또는숫자' 2. array 일때 :어레이안의타입[] let 문자로구성된어레이 :string[] = ['문자1','문자2']; let 숫자로구성된어레이 :number[] = ['문자1','문자2']; // 불리언이나, 널, 언디파인드도 같음. // 여러개의 타입이..
[TypeScript] TS 시작하기 #0. TypeScript란? - 자바스크립트에 타입이 추가된 언어 - 자바스크립트에 명시적으로 타입을 선언해주는 언어다. 1) 자바스크립트 쓰지 왜 굳이 타입스크립트 씀? - 자바스크립트의 유연한 타입 변환이 버그를 일으키는 경우가 종종 있어서 씀 - 자바스크립트는 Dynamic Typing를 제공한다. 그렇다보니, 다음과 같은 상황이 js 에서는 연산이된다. 5는 number type이고, 3은 string type 이지만, 자바스크립트의 Dynamic Typing에 의해 타입 변환이 일어나, 숫자로 연산이 되는거다. console.log(5 - '3') // 실행결과 >> 2 - 추가적으로 자바스크립트는 실행되는 시점(런타임)에 오류를 확인 할수있다 .(내가 다 만들고 런타임되는 시점에!) 그런데 ..