Class / Functional Component

class

-. 물건을 만드는 설명서
-. class 안에는 함수와 변수를 넣을 수 있다
-. 만들려는 값을 new classname() 으로 만들어준다
-. 이때 만들어진 classname을 객체 또는 인스턴스라고 부른다

---

• 클래스에서의 함수와 변수 사용법

class {
  		// class에서의 변수 작성
        count = 10;

		// class에서의 함수 작성
        count() {
          console.log("현재 카운트: 10");
        }
	}

• 클래스에서의 상속
  -. 클래스에서는 공통기능을 extends를 통해 상속할 수 있다

//지상 몬스터와 공중 몬스터 만들기
 
// 공통 기능
basicFunc{
	hp = 100
	attack(){
		console.log("공격을 시도했습니다.")
	}
}

// 지상몬스터의 피하기
groundMonster extends basicFunc{
	 avoid(){
		console.log("지상에서 뛰어서 피했습니다.")
	}
}

// 공중몬스터의 피하기
flyMonster extends basicFunc{
	avoid(){
		console.log("공중으로 날아 피했습니다.")
	}
}

** 한 번에 두가지를 상속 받을 수는 없다