[TypeScript] Interfaces and Classes

 

 

 

안녕하세요 동기 여러분! 오늘은 interface 키워드를 class에 적용하는 놀라운 일을 알아봅시다.

 

 

 

 

 

 

Interfaces and Classes

interface는 class(클래스)와 object(객체)에 타입을 설정하기 위한 아주 좋은 방법입니다.

 

---

 

생김새

interface 타입명 {
    메서드명: (매개 변수: 타입) => 타입;
}

class 클래스명 implements 타입명 {
    메서드명(매개 변수: 타입) {
        메서드 내용;
    }
}

 

---

 

해봅시다!

원을 CAD와 USD로 바꾸어 주는 클래스를 만들고 interface로 타입을 설정해보고 실행도 해봅시다.

interface KoreanMoney{
    caculatingCAD: (won: number) => void;

}

class WonToCADnUSD implements KoreanMoney {
    caculatingCAD(won: number){
        console.log(`${won}원은 ${(won / 952.97).toFixed(2)} 캐나다 달러입니다.`); 
    }

    caculatingUSD(won: number){
        console.log(`${won}원은 ${(won / 1192.5).toFixed(2)} 달러입니다.`);
    }
}

const myCADnUSD = new WonToCADnUSD();

myCADnUSD.caculatingCAD(1000);
myCADnUSD.caculatingUSD(1000);

인터페이스

• KoreanMoney라는 인터페이스를 만들고 caculatingCAD라는 메서드를 만들고 매개 변수로 won, 타입은 number를 주었고 리턴값은 없기 때문에 void로 설정했습니다.

 

클래스

• WonToCADnUSD라는 클래스를 만들고 implements로 인터페이스 KoreanMoney를 받아왔습니다. 
• caculatingCAD라는 메서드를 만들고 매개 변수로 won, 타입은 number를 주었고 출력문을 적어줍니다.
• caculatingUSD라는 메서드를 만들고 매개 변수로 won, 타입은 number를 주었고 출력문을 적어줍니다.

 

실행

• 변수 myCADnUSD에 클래스 WonToCADnUSD를 넣어주고
• myCADnUSD.caculatingCAD(1000);로 1000원의 캐나다 달러 가치를 호출
• myCADnUSD.caculatingUSD(1000);로 1000원의 달러 가치를 호출

 

컴파일링과 실행 시

 

---

 

오늘의 느낌

요즘 일러스트레이터로 공부하는데 너무 재밌다ㅋㅋㅋ 코딩보다 재밌다 ㅠ ㅠ