설정: Shape 클래스와 Export
Coddy JavaScript 여정의 객체 지향 프로그래밍 섹션에 포함된 레슨 — 56개 중 39번째.
챌린지
이 프로젝트에서는 핵심 객체 지향 프로그래밍 개념을 보여주는 간단한 도형 렌더링 시스템을 빌드합니다. 자신을 설명할 수 있는 다양한 도형을 만들고, 상속을 연습하며, 모듈을 사용하여 코드를 구성해 보겠습니다.
수행할 작업:
- `Shape.js` 파일에 다음을 포함하는 `Shape` 클래스를 생성하세요:
- 한 개의 매개변수
color를 받는 생성자 "A ${color} shape"를 반환하는describe()메서드
- 한 개의 매개변수
export를 사용하여 클래스를 내보내세요.main.js에서import { Shape } from './Shape.js';를 사용하여 클래스를 가져오세요.
직접 해보기
// TODO: './Shape.js'에서 Shape 클래스를 임포트하세요;
// Shape 클래스 테스트
const myShape = new Shape('blue');
console.log(myShape.describe()); // 출력: "A blue shape"
