[ 인프런 - 타입스크립트 입문_기초부터 실전까지 ] 2. 타입스크립트 인터페이스

인프런 장기효(캡틴판교) 님의 [ 타입스크립트 입문 - 기초부터 실전까지 ] 강의 수강 후 강의의 내용을 정리하며 공부한 것을 쓴 게시글입니다.

타입스크립트 입문 - 기초부터 실전까지 - 인프런 | 강의

---

인터페이스

# 인터페이스 : 상호 간에 정의한 약속 혹은 규칙

인터페이스 정의

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

---

변수에 인터페이스 활용 

let seho: User = {
  age: 33,
  name: "세호",
};

---

함수에 인터페이스 활용

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

const kim = {
  name: "김",
  age: 25,
};
getUser(kim); // { name: '김', age: 25 }

---

함수 구조를 정의하는 인터페이스 

interface SumFunction {
  (a: number, b: number): number;
}

var sum: SumFunction;

sum = function (a: number, b: number) :number{
  return a + b;
};

---

인덱싱 방식을 정의하는 인터페이스 

interface StringArray{
    [index:number]:string
}

let arr:StringArray=['a','b','c'];

---

인터페이스 딕셔너리 패턴

interface StringRegexDictionary {
  [key: string]: RegExp; // RegExp:정규 표현식 
}

let obj: StringRegexDictionary = {
  cssFile: /\.css$/,
  jsFile: /\.js$/,
};

---

인터페이스 확장 (상속)

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

interface Developer extends Person{
  language: string;
}

let kim :Developer={
    name:"김",age:20,language:"java"
}