📃 타입스크립트 입문 03 : 자주 쓰는 기본 타입 정의, 문자열 선언 방식

🎈 자주 사용하는 변수 & 함수의 타입 정의

Boolean : 논리형	Number : 숫자형	String : 문자형	Object : 객체
Array : 배열	Tuple : 튜플	Enum : 이넘	Any : 모든 타입 가능
Void : 반환타입	Null : 0	Undefined : 정의 x	Never

 

예시

💛TS문자열
let str: string = 'hello';

💛TS숫자
let num: number = 10;

💛TS배열
let arr: Array<number> = [1,2,3];
//Array는 다른 타입과 다르게 첫 글자가 대문자여야 된다.
//<>괄호에는 어떤 타입만 들어올 수 있는지 선언해주기

let heroes: Array<string> = ['Capt', 'Thor', 'Hulk', 10];
//만약 이렇게 문자열 타입으로 선언했는데 숫자 10이 들어오면 빨간 줄로 에러표시가 생긴다.

let items: number[] = [1,2,3];
// [] 이거는 배열 리터럴이란 뜻이다. []괄호 앞에 number라는 타입을 지정해주기

💛TS 튜플
let address01: [string, number] = ['gangnam', 100];
// 배열의 각각 인덱스에 타입이 정의되어 있다.

💛Object
let obj : object = {};
let person01: object = {
  name: 'capt',
  age: 100
}
//객체 속성은 어떤 타입이 들어오던 크게 신경 쓰지 않는다.

let person: { name: string, age: number } = {
  name: 'thor',
  age: 1000
}
// 각 인자마다 타입을 지정해주면, 이렇게 객체 함수를 나타낼 수도 있다.

💛boolean 진위값
let show: boolean = true;

 

🎈 문자열 선언방식 + 함수에 타입을 정의하는 방식

👉🏻일반 JS 문자열 선언방식
var str = 'hello';

👉🏻TS 문자열 선언방식
let str: string = 'hello';

// -------------------------------
// 함수에 타입을 정의하는 방식

💛JS
function sum(a, b) {
  return a + b;
}

sum(10, 20, 30, 40, 50);

💛TS
function sum3(a: number, b: number): number {
  return a + b;
}

sum(10, 20, 30, 40, 50);

JS의 경우 파라미터 값이 2개여도 30,40,50은 자동으로 유연하게 무시해준다. 하지만 TS의 경우 30, 40, 50에 에러밑줄이 생기는데, 이유는 TS가 JS에 비해 파라미터를 엄격하게 체크해주기 때문이다. 만약 인자 갯수보다 sum 파라미터 인자 갯수가 적을 경우에도 에러가 난다. 무조건 파라미터 인자 갯수와 리턴되는 인자 갯수가 비례해야 된다.