[Typescript] 타입스크립트 interface

 

목차

- 인터페이스(interface란?)

- 예제 코드

 

인터페이스란?

 

인터페이스는 일반적으로 타입 체크를 위해 사용되며 변수, 함수, 클래스에 사용할 수 있다. 인터페이스는 여러가지 타입을 갖는 프로퍼티로 이루어진 새로운 타입을 정의하는 것과 유사하다. 인터페이스에 선언된 프로퍼티 또는 메소드의 구현을 강제하여 일관성을 유지할 수 있도록 하는 것이다. ES6는 인터페이스를 지원하지 않지만 TypeScript는 인터페이스를 지원한다.

인터페이스는 프로퍼티와 메소드를 가질 수 있다는 점에서 클래스와 유사하나 직접 인스턴스를 생성할 수 없고 모든 메소드는 추상 메소드이다. 단, 추상 클래스의 추상 메소드와 달리 abstract 키워드를 사용하지 않는다.

 

 

 

 

예제 코드

 

example/interface.ts

interface IBoard { //IBoard라는 타입을 만들고 있는 것임.
    idx: number
    subject: string
    content: string
    writter: string
    hit: number
}


const data: IBoard = { //data라는 변수에 위에서 만든 IBoard 타입을 적용 시켜준것임.
    idx: 0,
    subject: '글제목이다',
    content: 'zz',
    writter: 'hihi',
    hit: 1,
}

const example: number[] = [1, 2, 3, 4] //배열 안에 타입 사용하는 법
const board: IBoard[] = [ // 배열 안에서 IBoard라는 타입 사용하기
    {
        idx: 0,
        subject: '글제목이다',
        content: 'zz',
        writter: 'grapes',
        hit: 1,
    },
    {
        idx: 1,
        subject: '글제목이다',
        content: 'zz',
        writter: '포도',
        hit: 1,
    },

]

 

Reference: https://poiemaweb.com/typescript-interface

TypeScript - Interface | PoiemaWeb