[오혜성] 챕터 7: 자바스크립트 디자인 패턴 (2/3) #56
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
hyesungoh
requested review from
sjoleee,
Seojunhwan,
sangbooom,
metacode22,
Orchemi,
sumi-0011,
100Gyeon and
WooWan
as code owners
sangbooom
approved these changes
Nov 5, 2024
Comment on lines
+365
to
+441
| > 그래서 준비한 타입스크립트로 작성한 추상 데코레이터 패턴 | ||
|
|
||
| ```tsx | ||
| class MacBook { | ||
| // protected ?? | ||
| // public = 어디서나 접근 가능 | ||
| // private = 이 클래스 내부에서만 접근 가능 | ||
| // protected = 이 클래스와 상속받은 클래스에서만 접근 가능 | ||
| protected cost: number; | ||
| protected screenSize: number; | ||
|
|
||
| constructor() { | ||
| this.cost = 100; | ||
| this.screenSize = 13; | ||
| } | ||
|
|
||
| getCost(): number { | ||
| return this.cost; | ||
| } | ||
|
|
||
| getScreenSize(): number { | ||
| return this.screenSize; | ||
| } | ||
| } | ||
|
|
||
| // 데코레이터들이 구현해야 할 인터페이스 (헝가리안 표기법 ㅈㅅ) | ||
| interface IMacBook { | ||
| getCost(): number; | ||
| getScreenSize(): number; | ||
| } | ||
|
|
||
| // 추상 데코레이터 클래스 | ||
| abstract class MacBookDecorator implements IMacBook { | ||
| protected macbook: IMacBook; | ||
|
|
||
| constructor(macbook: IMacBook) { | ||
| this.macbook = macbook; | ||
| } | ||
|
|
||
| getCost(): number { | ||
| return this.macbook.getCost(); | ||
| } | ||
|
|
||
| getScreenSize(): number { | ||
| return this.macbook.getScreenSize(); | ||
| } | ||
| } | ||
|
|
||
| // 구체적인 데코레이터 클래스들 | ||
| class Memory extends MacBookDecorator { | ||
| getCost(): number { | ||
| return this.macbook.getCost() + 100; // 메모리 업그레이드 비용 추가 | ||
| } | ||
| } | ||
|
|
||
| // abstract class?? | ||
| // 추상 클래스라, 직접 인스턴스화 불가능 (new MackBookDecorator) | ||
| // 추상 메서드를 포함할 수 있음 (구현부가 없는 메서드) | ||
| // 상속받는 클래스에서 추상 메서드를 반드시 구현해야 함 | ||
| // | ||
| // 사용하는 이유 | ||
| // 1. 공통 기능 구현: 여러 클래스가 공유하는 기본 코드를 구현 (코드 재사용) | ||
| // 2. 표준화: 파생되는 클래스들이 반드시 구현하도록 강제 | ||
| abstract class Shape { | ||
| abstract getArea(): number; // 모든 도형은 면적을 계산해야 함 | ||
| } | ||
|
|
||
| class Circle extends Shape { | ||
| constructor(public radius: number) { | ||
| super(); | ||
| } | ||
|
|
||
| getArea(): number { | ||
| return Math.PI * this.radius ** 2; | ||
| } | ||
| } | ||
| ``` |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
👍