Typescript 변수 선언법

안녕하세요, Derek 입니다. :)

이번 게시물부터 본격적으로 typescript 문법을 정리하며, 추후에 참고할 수 있도록 정리해보려합니다.

시작합니다. 호잇!


1. typescript 변수 타입 선언

typescript 는 변수나 객체, 그리고 함수의 리턴형까지, 자료형 선언하는 것이 중요하다.

C++ 이 익숙하신 분들은 아래와 같은 코드가 익숙하듯이, 아래의 자료형 선언이 javascript 에 적용된다.

int example = 0 

int sum(int a, int b) {
	return a + b;
}

example 이라는 변수는 정수형 데이터가 들어가고, sum 함수는 반환값이 정수형임을 알 수 있습니다.

typescript는, 위와 같이 변수나 객체, 그리고 함수에 타입을 선언합니다.

1) 문자열 선언

문자열, string 선언입니다.

let stringExample: string = "hello";

stringExample 변수 뒤에 붙은 : string 구문이 이 변수는 string 타입의 변수임을 알려줍니다.

type 을 명시적으로 적어주면, 이 변수를 사용할때 다음과 같은 API 들을 손쉽게 사용할 수 있어요.

간단합니다 :)

2) 숫자 선언

숫자 선언도 간단합니다. 숫자를 뜻하는 타입만 뒤에 붙여주면 끝이에요.

let num: number = 1;

새롭게 선언한 num 친구도 이제는 숫자 임을 알 수 있어요.

위와 같이 toLocaleString 같은 API 가 자동으로 지원되어 코드작성이 한결 손쉬워집니다.

3) 배열 선언

배열 선언입니다. 이는 위와는 아주 약간 다르지만, 비슷합니다.

let arrNum: Array<number> = [1, 2, 3];
let arrStr: Array<string> = ["Derek", "Kyle", "Morgan"];

: Array<number> 이나 : Array<string> 처럼, 괄호 안에 타입을 넣어 Array<타입> 형식입니다.

다만 그것 보다는 이 방법이 더 짧고 간결하고, 직관적인 것 같아요.

let items: number[] = [1, 2, 3, 4, 5];

위와 같이 타입과 [] 을 붙여서 더 직관적인 배열임을 표현하는 것이 좋아보입니다.

4) 튜플 선언

튜플이란, 배열의 길이가 고정되고 각 요소의 타입이 지정되어 있는 배열 형식을 의미합니다.

let address: [string, number] = ["gangnam", 10];

사실 튜플이라는 구조를 직접 써본적이 없어서 이는 추후에 정리해보겠습니다.

4) 객체 선언

가장 많이 쓰이는 객체, object 선언입니다.

let obj: object = {};
let person: {name : string, age: number} = {
    name: "capt",
    age: 30
}

obj 처럼 비어있는 객체를 선언할 수도 있고, person 처럼 property가 정해진 객체로 정할 수 있습니다.

이는 name 이나 age 값에 관련된 API 도 손쉽게 쓸 수 있습니다.

5) 진위 선언

진위값, boolean 값을 선언할때 쓰이는 타입입니다.

let show: boolean = true;

쉽죠?


간단하게 5가지 변수 타입을 정리해보았습니다.

이외에도 any 나, void 타입이 있는데, 이는 다음 게시물에 포스팅하겠습니다.

감사합니다.

좋은 웹페이지 즐겨찾기