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

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

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

---

1. 인터페이스

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

1.1. 인터페이스 정의

      

      

      

    
    

      <typescript />
    
interface User {
  age: number;
  name: string;
}

---

1.2. 변수에 인터페이스 활용 

      

      

      

    
    

      <typescript />
    
let seho: User = {
  age: 33,
  name: "세호",
};

---

1.3. 함수에 인터페이스 활용

      

      

      

    
    

      <typescript />
    
function getUser(user: User) {
  console.log(user);
}

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

---

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

      

      

      

    
    

      <typescript />
    
interface SumFunction {
  (a: number, b: number): number;
}

var sum: SumFunction;

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

---

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

      

      

      

    
    

      <typescript />
    
interface StringArray{
    [index:number]:string
}

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

---

1.6. 인터페이스 딕셔너리 패턴

      

      

      

    
    

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

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

---

1.7. 인터페이스 확장 (상속)

      

      

      

    
    

      <typescript />
    
interface Person {
  name: string;
  age: number;
}

interface Developer extends Person{
  language: string;
}

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