interfaceしているときのはてなマークの使い方

Question

interface Shape {
  readonly name: string;
  getArea: () => number;
}

interface Quadrangle {
  sideA: number;
  sideB?: number;
  sideC?: number;
  sideD?: number;
}

class Rectangle implements Shape, Quadrangle {
  readonly name = 'rectangle';
  sideA: number;
  sideB: number;

  constructor(sideA: number, sideB: number) {
    this.sideA = sideA;
    this.sideB = sideB;
  }

  getArea = (): number => this.sideA * this.sideB;
}

const rect = new Rectangle(6, 5);
console.log(rect.getArea());

この中の…

interface Quadrangle {
  sideA: number;
  sideB?: number;
  sideC?: number;
  sideD?: number;
}

この型定義をinterfaceしているときのはてなマークは必須のプロパティでないときにつける記号だと説明にありました。
必須のプロパティでないとは、interface Quadrangleをimplementsする
class Rectangle内で必須ではないという解釈で合ってますか？
また必須のプロパティに！を、必須のプロパティでないときに？を付けると説明がありましたが！も？もついていないプロパティはなぜあるんでしょうか？？

Answer 1

また必須のプロパティに！を、必須のプロパティでないときに？を付けると説明がありましたが

違います。プロパティ定義に!をつけるのは、クラスのメンバを宣言する際に、「初期化がなくてもエラーにしない」という意味です。typeやinterfaceでは出番がありません。