타입스크립트 인터페이스(Interface)

안녕하세요~ 오늘은 타입스크립트에서 인터페이스에 대한 내용을 살펴보도록 하겠습니다.

📑목차
1. 인터페이스
1-1. 인터페이스란?
1-2. 인터페이스 예시 코드

서론

혹시 자바(Java)를 하신분이라면 인터페이스라는 키워드를 접하신 분이면 익숙하실 수 있습니다. 클래스 부분에서 나오는 키워드죠, 그럼  인터페이스가 무엇인지, 그리고 인터페이스를 사용한 예시 코드를 보면서 이해하는 시간을 가져보겠습니다.

 

본론

 

1. 인터페이스

1-1. 인터페이스란?

객체의 형태를 정의하는 문법

 

1-2. 인터페이스 예시 코드

/ 추상 클래스로 상품을 정의할때 필요한 형태를 정의
interface IProduct {
    name : string,
    price : number,
    discountAmount : number
}

class Product implements IProduct {
    name : string;
    price : number;
    discountAmount : number;
    // constructor 객체를 생성 X 생성할 객체를 초기화하기위한 생성자 함수
    constructor (name : string, price : number) {
        this.name = name;
        this.price = price;
        this.discountAmount = 0;        
    }

    getNmae() : string {
        return this.name
    }

    getPrice() : number {
        return this.price;
    }

    getPriceDisCount () : number {
        return this.price - this.discountAmount;
    }

    setDiscountAmount (amount : number) : void {
        this.discountAmount = amount;
    }
}


const product = new Product("셔츠", 3000);
product.getName(); // OOP 캡슐화 5대 원칙
product.getPrice(); // 3000
product.getPriceDisCount(); // 3000
product.setDiscountAmount(2000);
product.getPriceDisCount(); // 1000

// 클라이언트가 상품마다 할인가가 쿠폰을 사용하는 형태가 아니고 할인가를 퍼센트로 넣을수 있는 할인이 존재합니다.

결론

인터페이스는 객체, 클래스, 함수 등의 구조를 정의하는 TypeScript의 핵심 기능입니다. 선택적 속성, 읽기 전용, 확장 등을 통해 유연하고 명확한 타입 설계를 도와주고,  코드의 안정성과 가독성을 높이며, 실무에서 타입 안전한 개발을 가능하게 해줍니다.