> For the complete documentation index, see [llms.txt](https://min0228k.gitbook.io/javascript-jquery/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://min0228k.gitbook.io/javascript-jquery/undefined-5/undefined-10.md).

# 클래스

```javascript
//클래스(es6) : 함수의 집합체
class Info6 {
    constructor(name, job){
        this.name = name;
        this.job = job;
    }
    study(){
        document.write("내 이름은 "+this.name+"이며, 직업은 "+this.job+"입니다.<br>");
    }
}
//인스턴트 객체 생성
const str7 = new Info6("웹쓰","웹퍼블리셔");
const str8 = new Info6("웹스토리보이","프론트앤드 개발자");
//메서드 실행
str7.study();
str8.study();

```

## 클래스 상속

```javascript
//클래스 상속
class Box1 {
    constructor(name, active){
        this.name = name;
        this.active = active;
    }
    study(){
        document.write(this.name+"가"+this.active+"되었습니다.");
    }
}
class Box2 extends Box1 {
    constructor(name, active, today){
        super(name, active);
        this.today = today;
    }
    study2(){
        document.write(this.today + name+"가"+this.active+"되었습니다.");
    }
}
const result4 = new Box1("함수9","실행");
const result5 = new Box2("함수10","실행","오늘도");

result4.study();
result5.study2();
```