현재 웹개발의 트렌드는 단연 typescript이다.
기업체 및 대규모 프로젝트에서는 안정성이 요구되기 때문에
타입의 오류가 많은 javascript 대신에 typescript를 사용해
웹, 앱 어플리케이션의 안정성을 높이고 생산성을 증대시킨다.
이러한 웹개발의 트렌드에 따라가기 위해서 typescript의 공부는 필수이기때문에,
typescript를 본격적으로 공부하고 블로그에 정리하기로 했다.
이번 포스팅에서는 정적 타이핑에 대해 알아보는 글을 작성해보도록 하겠다.
정적타이핑?🤔
정적 타이핑은 변수, 매개변수, 함수의 반환값 등에 컴파일 시점에서 타입을 명시하고 검사하는 것을 의미한다. 변수에 할당되는 값의 타입이 컴파일 시점에 결정되고, 해당 타입과 일치하니 않는 할당이나 사용시에는 컴파일 오류가 발생한다.
정적 타이핑은 코드의 안정성을 높이고 오류를 사전에 찾을 수 있도록 도와준다. 컴파일러가 타입을 검사하므로 런타임 시에 발생할 수 있는 타입 관련 오류를 사전에 방지할 수 있다. 이는 디버깅 시간을 줄이고 코드의 신뢰성을 향상시킨다.
typescript의 type 정리
typescript의 타입은 매우 종류가 다양하고 많다.
기본적인 타입부터 정리해보도록 하겠다.
기본 타입
let car:string = 'benz';
// string : 문자열
let num:number = 1;
// number : 정수형
let isLogin:boolean = true;
// boolean : 0,1 / true or false
let arr:number[] = [1,2,3];
// number[] : 숫자형 배열
let arr2:Array<number> = [1,2,3];
// Array<number> : 숫자형 배열
let week1:string[] = ['mon','tue','wed'];
// string[] : 문자형 배열
let week2:Array<string> = ['mon','tue','wed'];
// Array<string> : 문자형 배열
튜플
let arr3:[string, number];
// 0번째 string 1번째 number
arr3 = ['z',1] // 가능
// arr3 = [1,'z'] // 불가능
arr3[0].toLowerCase();
arr3[1].toLowerCase();
// 0번째는 배열이기 때문에 toLowerCase 가능
// 1번째는 숫자이기 때문에 불가능
void, never
function hello():void{
console.log('hello')
// return 사용 안됨
}
// void : return을 사용할 수 없는 함수
function showError():never{
throw new Error();
}
// never : 절대로 끝나지 않는 함수 타입 정의 / 에러 정의
enum
enum Os {
Window,
Ios,
Android
}
null, undefined
let a:null = null;
let b:undefined = undefined;
바로 다음글에서는 interface에 대한 설명으로 돌아오겠습니다.
반응형
'Typescript' 카테고리의 다른 글
Typescript(6) - Intersection Types (교차타입) (0) | 2023.10.10 |
---|---|
Typescript(5) - 리터럴 타입과 유니온 타입 (0) | 2023.10.10 |
Typescript(4) - 함수(2) (0) | 2023.10.10 |
Typescript(3) - 함수(1) (1) | 2023.10.10 |
Typescript(2) - interface (0) | 2023.10.10 |