[TypeScript] 기본타입

inrelliSense Suggest를 보려면 ?
{프로그래밍 환경에서 코드를 작성하는 동안 개발자에게 자동 완성 기능을 제공하는 기능}

 

 

---

 

 

 ◼ 기본 타입

let value:string = '문자열'
let age:number = 30;
let person:boolean = true;
let don:undefined = undefined;
let son:null = null;

 

 

---

 

 

 ◼ 배열 타입 

 

[배열:하나]

const size: number[] = [];
size.push(100);
size.push(0);

[결과]

 

 

 

---

 

 

[배열:배열 안의 배열타입]

const size: string[][] = [
  ['a1','b1'],
  ['a2','b2']
]
console.log(size)

 

[결과]

 

 

 

---

 

 

[배열:튜플타입]

배열이지만 갯수를 명확하게 정하고 싶으면 사용하는 타입

let size : [number,string,boolean] = [100,'L',true]
console.log(size)

 

[결과]

 

 

 

 

---

 

 

 ◼ 기타 타입 

 

 

[JS의 대괄표법과 비슷한 타입]

프로퍼티의 갯수를 알수없거나, 정해 놓고 싶지 않은 경우에 사용하며, 타입만 선언해 둔다

// js
let typeId = 'userID';
let obj = {
	[typeId]:'user value'
}

// ts
let user: {
    //[아무거나 OK:string]: number;
    //[id:string]: number;
    [aa:string]: number;
} = {
    coo1:100_000,
    coo2:0,
    coo3:1,
}

console.log(user)

 

[출력값]

 

 

 

 

---

 

 

 

 ◼ 함수 

 

함수에서 타입 선언

function user(id:string, age:number = 1):boolean {
	if(id === 'a') return true
  else return false
}
console.log(user('a',20));
console.log(user('cc',30));

• 파라미터 타입 선언 => (id:string, age:number)
• user 함수 타입 선언 => user(...):boolean
• age 타입,기본값 설정 => age:number = 1
• age 옵션 타입일때(필수값이 아닐때) => age?:number

 

 

 

함수를 타입객체로 만들어서 선언

const mall: {
  stock: {
    [od:string]:number
  };
  user: (id:string, age?:number) => boolean;
} = {
  stock:{
      coo1:100_000,
      coo2:0,
  },
  user,
}


function user(id:string, age:number = 1) {
  if(id === 'a') return true
  else return false
}
console.log(user('a',20));
console.log(user('cc',30));

 

 

 

 

RestPrameter 타입선언

const obj: {
	// card:(...ids:string[]) => boolean
	card:(...ids:string[]) => void; // return 값이 비어있을때 void
}

function card(...ids:string[]) {
    for(const id of ids){
        console.log(id);
    }
}