TypeScript

Interface를 사용한 모델 만들기

타코따코 2024. 11. 14. 23:11

모델을 인터페이스로 만든다.

type을 사용해 만들기도 하지만, 

확장성 & 리팩토링을 고려하면 인터페이스가 좋다고 한다. 

 

인터페이스로 만들다보니, 해당 객체를 만들고 imple 하는 방식으로 만들어야한다.

Flutter에서는 모델을 만들때 class 로 만들어서 객체 안에 데이터를 저장하는 방식을 택했는데,

인터페이스로 만들다보니 인터페이스를 받고, = {} 형태로 받아야하는게 아직 익숙하지 않은 것 같다. 

 const handleAddToCart = () => {
    const pizzaCartItem: PizzaCart = {
      id: pizza.id,
      name: pizza.name,
      quantity: 1,
      unitPrice: pizza.unitPrice,
      totalPrice: pizza.unitPrice * 1,
    };
    dispatch(addItem(pizzaCartItem));
  };