[typescript 타입]

1. 기본 타입

interface kimcoding {
  name: string;
  age: number;
}
interface parhacker {
  name: string;
  age: string;
}
function printAge(person: kimcoding | parhacker) {
  let age;
  if (typeof person.age === 'number' || typeof person.age === 'string') {
    age = person.age.toString();
  }
  console.log(`${person.name}의 나이는 ${age}살 입니다.`);
}

const kimcoding = {
  name: '김코딩',
  age: 30,
};

const parhacker = {
  name: '박해커',
  age: '서른',
};

printAge(kimcoding);
printAge(parhacker);​

/* boolean형 */
let isDone: boolean = false;
let isShow: boolean = true;

console.log(isDone);
console.log(isShow);

/* 숫자형 */
let num1: number = 7;
let num2: number = 0.6878;

console.log(num1);
console.log(num2);

/* 문자형 */
let str: string = 'hello';

console.log(str);

/* 숫자형 배열의 타입을 정하는 2가지 방법 */
let list1: number[] = [1, 2, 3];
let list2: Array<number> = [1, 2, 3];

console.log(list1);
console.log(list2);

/* 문자형 배열의 타입을 정하는 2가지 방법 */
let list3: string[] = ['banana', 'apple', 'mango'];
let list4: Array<string> = ['banana', 'apple', 'mango'];

console.log(list3);
console.log(list4);

/* 튜플 */
let list5: [number, string, boolean] = [1, 'banana', true];

console.log(list5);

/* 객체형 타입을 정하는 2가지 방법 */
let obj: object = {};
let obj2 = {
  name: 'kimcoding',
  age: 20,
  isDeveloper: true,
};

console.log(obj);
console.log(obj2);

 

2. 함수

/* 1-1번 */
function sumNumber(a:number, b:number) {
  return a + b;
}

/* 1-2번 */
const sumNumber2 = (a:number, b:number) => {
  return a + b;
};

/* 2번 */
let sumString = (first:string, last:string) => {
  return `${first} ${last}`;
};

console.log(sumString('hi', 'codestates'));

/* 3번 */
let sumString2 = (first:string, last?:string) => {
  return `${first} ${last}`;
};

//아래 코드도 동작하도록 구현해봅시다.
console.log(sumString2('hi'));

/* 4번 */
let printError = ():void => {
  console.log('error message');
};

 

3. 연산자 활용 타입

 

유니온(Union) 타입

interface kimcoding {
  name: string;
  age: number;
}
interface parkhacker {
  name: string;
  age: string;
}

function printAge(person: kimcoding | parkhacker) {
  let age;
  if (typeof person.age === 'number' || typeof person.age === 'string') {
    age = person.age.toString();
  }
  console.log(`${person.name}의 나이는 ${age}살 입니다.`);
}

const kimcoding = {
  name: '김코딩',
  age: 30,
};

const parhacker = {
  name: '박해커',
  age: '서른',
};

printAge(kimcoding);
printAge(parhacker);

 

인터센션(Intersection) 타입

interface kimcoding {
  name: string;
  email: string;
  isAdmin: boolean;
}
interface parkhacker {
  name: string;
  email: string;
  isAdmin: boolean;
}
function sendEmail(user: kimcoding & parkhacker) {
  console.log(`안녕하세요, ${user.name}!`);
  if (user.isAdmin) {
    console.log(
      `
      권한이 admin이시군요.
      이메일은 ${user.email} 입니다.
      `
    );
  } else {
    console.log(
      `
      권한이 user이시군요.
      이메일은 ${user.email} 입니다.
      `
    );
  }
}

const kimcoding = {
  name: '김코딩',
  email: 'kimcoding@codestates.com',
  isAdmin: false,
};

const parkhacker = {
  name: '박해커',
  email: 'parkhacker@codestates.com',
  isAdmin: true,
};
sendEmail(kimcoding);
sendEmail(parkhacker);