[TS] 타입스크립트 기초 공부! / 삼성 인사이트 포스팅 보면서 공부하깅

 

변수 타입 설정

let str: string = 'hi';
let num: number = 100;

let arr: Array = [1, 2, 3];
let arr2: number[] = [1, 2, 3];

let obj: object = {};
let obj2: { name: string, age: number} = {
 name: 'hoho',
 age: 22
};

 

 

함수 타입 설정

function add(a: number, b: number): number {
return a+b;
}
//옵셔널 파라미터
function log(a: string, b?: string, c?: string) {
 console.log(a);
}

 

 

기본 타입 중 자바스크립트에 존재하지 않는 타입은 다음과 같다.

• Tuple: 배열의 타입 순서와 배열 길이를 지정할 수 있는 타입

var arr: [string, number] = ['aa', 100];

 

• Any: 모든 데이터 타입을 허용한다.
• Void: 변수에는 undefined와 null만 할당하고 함수에는 리턴 값을 설정할 수 없는 타입이다.
• Never: 특정 값이 절대 발생할 수 없을 때 사용한다.

 

인터페이스
인터페이스는 타입을 정의한 규칙을 의미

interface User {
 age: number;
 name: string;
}

 

아래는 위 인터페이스를 활용한 예시!

var person: User = {
 age: 30,
 name: 'aa'
}

function getUser(user: User) {
 console.log(user);
}

 

 

<위 포스팅은 해당 싸이트의 내용을 보며 작성한 글입니다>

https://www.samsungsds.com/kr/insights/typescript.html

활용도가 높아지는 웹 프론트엔드 언어, 타입스크립트[TypeScript]