반응형
JavaScript에서 클래스 활용하기: 클래스 예제
객체 지향 프로그래밍(Object-Oriented Programming, OOP)은 코드의 재사용성을 높이고, 복잡성을 관리하는 효율적인 방법을 제공합니다. JavaScript는 프로토타입 기반 언어이지만, ES6부터는 클래스 기반 문법도 지원하기 시작했습니다. 오늘은 JavaScript에서 클래스를 어떻게 정의하고 활용하는지 간단한 예를 통해 알아보겠습니다.
클래스 정의하기
Publication
이라는 이름의 클래스를 만들어 봅시다. 이 클래스는 책이나 논문과 같은 출판물의 정보를 저장할 때 사용됩니다.
class Publication {
constructor(title, author, pubDate) {
this.title = title;
this.author = author;
this.pubDate = pubDate;
}
print() {
console.log(`제목: ${this.title}`);
console.log(`저자: ${this.author}`);
console.log(`출판일: ${this.pubDate}`);
}
}
export default Publication;
위 코드에서 Publication
클래스는 세 개의 속성을 가지고 있습니다: title
, author
, pubDate
. constructor
는 이 속성들을 초기화하는 역할을 하며, print
메서드는 이 속성들을 콘솔에 출력합니다.

클래스 사용하기
Publication
클래스를 다른 파일에서 사용하려면, 먼저 클래스를 내보내고(import) 다른 파일에서 가져와야(import) 합니다.
main.mjs
파일에서 클래스를 가져와 객체를 생성하고 print
메서드를 호출해 보겠습니다.
import Publication from './Publication.mjs';
const myPublication = new Publication('Python 마스터하기', '김철수', '2024-04-01');
myPublication.print();
콘솔에 다음과 같은 결과가 출력됩니다:
제목: Python 마스터하기
저자: 김철수
출판일: 2024-04-01
클래스의 장점
클래스를 사용하면 다음과 같은 장점이 있습니다:
- 캡슐화: 데이터와 기능을 하나의 단위로 묶어 관리할 수 있습니다.
- 재사용성: 클래스를 정의하면 같은 형태의 객체를 손쉽게 여러 개 만들 수 있습니다.
- 확장성: 상속을 통해 기존 클래스의 기능을 확장할 수 있습니다.
정리
JavaScript에서 클래스를 사용하는 것은 프로젝트의 코드를 조직하고 관리하는 효과적인 방법입니다. 자주 사용하는 데이터 유형을 클래스로 정의해 보고, 객체의 힘을 활용해 보세요!
반응형
'도서로 공부하는 프로그래밍 > 코딩 자율학습' 카테고리의 다른 글
[JS] reduce() 메소드 사용 사례 (46) | 2024.04.20 |
---|---|
[NodeJS] ES 모듈로 내부 캡슐화 (51) | 2024.04.17 |
[JS] 타입 강제변환의 사례 (47) | 2024.04.15 |
[JS] 타입의 강제 변환 (38) | 2024.04.14 |
[JS] 자바스크립트 이름에 얽힌 사연과 관리 (32) | 2024.04.13 |