📌 부모 Class

class Animal {
  constructor(color) {
    this.color = color;
  }
  eat() {
    console.log("먹자!");
  }
  sleep() {
    console.log("잔다");
  }
}

✏자식 class 1

class Tiger extends Animal {}
const tiger = new Tiger("노랑이");
console.log(tiger); //Tiger { color: '노랑이' }
tiger.eat(); //먹자!
tiger.sleep(); //잔다

✏자식 class 2

class Dog extends Animal {
  <u>play()</u> {
    console.log("놀자~!");
  }
}
const dog = new Dog("빨강이");
console.log(dog);
dog.eat();
dog.sleep();
<u>**dog.play();**</u>

🚩super → 부모class를 가르킨다.

📌 자식 class에 새로운 생성자 추가하기

class Dog extends Animal {
  constructor(color, ownerName) {
    <u>super(color);</u>
    **this.ownerName = ownerName**;
  }
  play() {
    console.log("놀자~!");
  }
}
const dog = new Dog("빨강이", "Tom");
console.log(dog); //Dog { color: '빨강이', ownerName: 'Tom' }

📌 자식 class에 메소드 바꿔주기

class Dog extends Animal {
  constructor(color, ownerName) {
    super(color);
    this.ownerName = ownerName;
  }
  play() {
    console.log("놀자~!");
  }
  //오버라이딩 overriding 덮어씌우기
  eat() {
    console.log('강아지가 먹는다.') 
  }
}
dog.eat(); //강아지가 먹는다.

📌 부모 메소드에 자식 class에 매소드를 추가해주기

class Dog extends Animal {
  constructor(color, ownerName) {
    super(color);
    this.ownerName = ownerName;
  }
  play() {
    console.log("놀자~!");
  }
  eat() {
    super.eat(); //먹자!
    console.log("강아지가 먹는다."); //강아지가 먹는다.
  }
}
dog.eat(); //먹자! 
					 //강아지가 먹는다.

💥 super( ) → 부모클래스의 “생성자”

super. → 부모클래스 “자체”