Menu
Coddy logo textTech

클래스란 무엇인가요?

Coddy JavaScript 여정의 객체 지향 프로그래밍 섹션에 포함된 레슨 — 56개 중 11번째.

JavaScript의 클래스는 미리 정의된 속성과 메서드를 가진 객체를 생성하기 위한 청사진입니다. 클래스는 ES6에서 도입되었으며, 객체 생성 및 상속 처리를 위한 더 깔끔하고 직관적인 문법을 제공합니다.

간단한 클래스를 정의합니다:

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
}

constructor 메서드는 클래스에서 객체가 생성될 때 호출되는 특별한 메서드입니다.

클래스의 인스턴스를 생성합니다:

const john = new Person("John", 25);

생성된 객체의 프로퍼티에 접근합니다:

console.log(john.name); // 출력: "John"
console.log(john.age);  // 출력: 25
challenge icon

챌린지

두 개의 매개변수 makemodel을 받는 생성자를 가진 Car라는 이름의 클래스를 생성하세요. 생성자는 이 값들을 객체의 속성(properties)으로 설정해야 합니다.

치트 시트

클래스는 미리 정의된 속성과 메서드를 가진 객체를 생성하기 위한 청사진입니다.

생성자(constructor)를 사용하여 클래스를 정의합니다:

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
}

constructor 메서드는 클래스로부터 객체가 생성될 때 호출됩니다.

클래스의 인스턴스를 생성합니다:

const john = new Person("John", 25);

객체의 속성에 접근합니다:

console.log(john.name); // 출력: "John"
console.log(john.age);  // 출력: 25

직접 해보기

// TODO: Car라는 이름의 클래스를 생성하세요 

// TODO: make와 model이라는 두 개의 매개변수를 받는 생성자를 추가하세요

// TODO: 이 값들(make와 model)을 객체의 속성으로 설정하세요

// 아래 코드를 수정하지 마세요
const make = inp[0];
const model = inp[1];
const car = new Car(make, model);
console.log(car.make)
console.log(car.model)
quiz icon실력 점검

이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.

객체 지향 프로그래밍의 모든 레슨