TypeScript[2] - 기본 타입

- 기본 타입

---

TypeScript 에서 프로그램 작성을 위해 기본 제공하는 데이터 타입

JavaScript의 기본자료형 모두 포함하고 있다.

Boolean,Number,String,Null,Undefined,Array(Object 형)

프로그래밍을 도울 몇가지 타입이 더 제공된다.

Any,Void,Never,Enum,Tuple(object 형)

Boolean

가장 기본적인 데이터 유형으로 true/false 값을 호출한다.

let isDone : boolean =false;

Number

JavaScript와 동일하게 TypeScript의 모든 숫자는 정수와 부동 소수점이며, 이를 Number 타입으로 선언한다. TypeScript는 16진수 및 10진수 외에도 ECMAScript 2015에 도입 된 바이너리 및 8 진수를 지원한다.

let decimal: number = 6; let hex: number = 0xf00d; let binary: number = 0b1010; let octal: number = 0o744;

String / string

JavaScript로 웹페이지와 서버를 위한 프로그램을 제작할때 기본이 되는 문자 데이터이다. 큰따옴표( " ) ,작은따옴표( ' ) 둘다 사용가능하다.

let color: string = "blue"; color = 'red';

ES6에서 템플릿 문자열이라는 새로운 개념이 등장한다.

일반적으로 앞에서 얘기한 string 타입을 위해 정의한 ' 나 '' 으로 문자열을 정의하는 대신 백틱문자 ( ` )를 사용한다. 탬플릿 문자열은 JavaScript 값을 문자열에 끼워넣는 편리한 방법을 가지고 있는데 표현식은 ${ 변수명 } 으로 표현된다.

let fullName: string = `Bob Bobbington`; let age: number = 37; let sentence: string = `Hello, my name is ${ fullName }. // Hello, my name is Bob Bobbington I'll be ${ age + 1 } years old next month.` // I'm be 38 years old next month

Null & Undefined

Null 과 Undefined 의 차이점을 알아보는 방향으로

Null 은

null이라는 값으로 할당된 것을 null 이라고 한다.

무언가가 있는데, 사용할 준비가 덜 된 상태.

런타임에서 typeof 연산자를 이용해서 알아내면, object

Undefined 은

값을 할당하지 않은 변수는 undefined라는 값을 가진다.

무언가가 아예 준비가 안된 상태

object의 property 가 없을 때도 undefined 이다.

런타임에서 typeof 연산자를 이용해서 알아내면, undefined 

Array

TypeScript는 JavaScript와 마찬가지로 배열을 사용할 수 있다. 

배열은 두 가지 방법 중 하나로 선언이 가능한데, 첫 번째로 타입에 [] 를 붙여 선언하는 방법으로 해당 요소들의 유형을 배열로 열거한다.

let list: number[] = [1, 2, 3];

두번째 방법으로는 Array<elemType>와 같은 제네릭 타입으로 선언할수 있다.

let list : Array<number> = [1,2,3];

Any

응용 프로그램을 작성할 때 타입이 명확하지 않은 변수 유형을 선언해야 할때 사용한다.

말 그대로 어떤 타입이어도 상관없는 타입이지만 최대한 쓰지 않는게 핵심이다.

왜냐면 컴파일 타입에 타입 체크가 정상적으로 이뤄지지 않기 때문이다.

let notSure: any = 4; notSure = "maybe a string instead"; notSure = false;  // 정상적으로 notSure 변수에 값들이 담아진다.

Void

void는 어떤 타입도 전혀 가지지 않는 것으로 any형의 반대라고도 볼 수 있다. 일반적으로 값을 반환하지 않는 함수의 반환 유형으로 사용할 수 있다.

function warnUser(): void {     alert("This is my warning message"); }

- let , const 선언에 대하여

ES6에 나온 let의 사용이 자바 스크립트의 많은 일반적인 문제가 완화되므로 가능할 때마다 var 대신 사용하는 것이 좋다라는 견해들.

결론적으로 ES6에서는 var 을 쓰는거을 피하고 let 과 const 을 사용

기본형에서 변수는 let 을 상수는 const로 선언하고 참조형에서는 const 로 선언하자.

https://www.typescriptlang.org/docs/handbook/basic-types.html