본문 바로가기

TypeScript9

데이터 타입 (1) 선언 방식 - 변수명 뒤에 타입을 명시한다. - 타입은 대소문자를 구별한다. TypeScript에서 제공하는 타입은 모두 소문자이다. let a: number = 1; // a는 number타입이다. let b: number = false; // error 타입이 맞지 않아 오류 (2) 데이터 타입 종류 - JavaScript의 타입은 그대로 사용할 수 있으며, 추가적인 타입은 array, tuple, enum, any, void, never가 있다. - array : 배열 - tuple : 고정된 요소의 수만큼 타입을 미리 선언 후 배열을 표현한 것이다. - enum : 열거형. 숫자 값 집합에 이름을 지정한 것이다. - any : 타입 추론이 불가능 하거나 타입 체크가 필요 없는 변수에 사용... 2023. 9. 7.
Function - 함수는 크게 익명 함수와 명명 함수가 존재한다. - 명명 함수 : fuction 함수이름 (매개변수) { 코드 }; - 익명 함수 : var 변수명 = function(매개변수){ 코드 }; ​ (1) Parameter - Optional Parameter : 필수적으로 받아오지 않아도 되는 파라미터를 뜻한다. 파라미터 끝에?를 추가한다. - 모든 Optional parameter는 requried parameter뒤에 와야한다. function a(x: string, y?: number) { console.log(x); if (y) { console.log(y); } } a('wangi', 26) // wangi 26 a('wangi') // wangi - Default Parameter : 사용자.. 2023. 9. 7.
Interface - 타입 체크를 위해 사용된다. - 변수, 함수, 클래스에 사용할 수 있다. - 여러 타입을 갖는 프로퍼티로 이루어진 새로운 타입으로 정의하는 것과 유사하다. - 프로퍼티 및 메서드의 구현을 일관성 있게 유지하는 역할을 한다. ​ (1) 변수와 인터페이스 - 인터페이스틑 변수의 타입으로 사용할 수 있다. - 인터섹션 타입을 이용하여 하나의 인터페이스 타입으로 만들 수 있다. interface a { x: number; y: string; z: boolean; } interface b { x: number; w: string; v: boolean; } let c: a; c = { x: 26, y: 'wangi', z: false }; // 변수 c는 인터페이스 a에 맞춰 선언해야한다. let d : a &.. 2023. 9. 5.
타입 앨리어스 - 이미 존재하는 타입을 부르는 또 다른 이름을 정의하는 것이다. - 인터페이스와 유사하다. type a { x: string, y?: number } const b = {} as a; // 빈 객체를 a 타입으로 지정 b.x = 'wangi'; b.y = 26; b.z = 'eddy'; // Error - 인터페이스와 다르게 원시값, 유니온 타입, 튜플 등도 타입으로 지정 가능하다. - 타입 앨리어스는 extends나 implements 될 수 없다. 2023. 9. 4.