반응형
<!DOCTYPE html>
<HTML>
<HEAD>
<meta charset="UTF-8">
<title>무제 문서</title>
</HEAD>
<BODY>
<script>
// Person 클래스를 정의합니다.
class Person {
// constructor 메소드는 객체를 생성할 때 자동으로 호출됩니다.
constructor(name, age) {
this.name = name; // name 속성을 설정합니다.
this.age = age; // age 속성을 설정합니다.
}
// sayHello 메소드를 정의합니다.
sayHello() {
console.log(`안녕하세요, 저는 ${this.name}입니다.`);
}
}
// Person 클래스를 이용하여 객체를 생성합니다.
const person1 = new Person("홍길동", 20);
const person2 = new Person("김철수", 30);
// 객체의 속성 값을 출력합니다.
console.log(person1.name); // "홍길동"
console.log(person2.age); // 30
// 객체의 메소드를 호출합니다.
person1.sayHello(); // "안녕하세요, 저는 홍길동입니다."
person2.sayHello(); // "안녕하세요, 저는 김철수입니다."
</script>
</BODY>
</html>