<div id="readability-page-1" class="page"><article id="mainContent">
                <div>
                  <p><a href="/m/category/Architecture"><span>Architecture</span></a></p><h3>[GOF] 컴포지트 패턴</h3>
                </div>
                <p><cite>호키도키</cite>
                  <span> 2021. 10. 31. 16:03</span>
                </p>
                                <div>
                                <h2>컴포지트 패턴</h2>
<p data-ke-size="size16">활용 : 객체들의 관계를 트리구조로써 부분 전체 계층을 표현하는 패턴으로 사용자가 단일 객체 복합 객들도 모두 동일하게 다룰 수 있도록 할 때 사용 한다.</p>
<h2 data-ke-size="size26">객체 구성</h2>
<figure data-origin-width="461" data-origin-height="352" data-ke-mobilestyle="widthOrigin">
    <span data-url="https://k.kakaocdn.net/dn/qGzZJ/btrjqpt7jji/VrDYkDvlOQN7mUXMEwaMB1/img.png" data-lightbox="lightbox" data-alt="">
        <img src="https://k.kakaocdn.net/dn/qGzZJ/btrjqpt7jji/VrDYkDvlOQN7mUXMEwaMB1/img.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" data-origin-width="461" data-origin-height="352" data-ke-mobilestyle="widthOrigin">
    </span>
    
</figure>
<ol data-ke-list-type="disc">
<li>Component : 인터페이스를 정의하며, 컴포지트 객체에 대한 기본 동작을 구현한다.</li>
</ol>
<p data-ke-size="size16">Leaf 와 Composite가 구현해야 하는 interface이며, 이 두 요소는 상황에 따라 개별적인 클래스가 아닌 Component 인터페이스로 다루어 진다.</p>
<ol start="2" data-ke-list-type="disc">
<li>Composite : Leaf 혹은 Composite 인스턴스를 자식으로 가진다.</li>
<li>Leaf : Composite의 자식의 역할을 하며, 이 노드가 Compsite를 자식으로 두지 않는다.</li>
</ol>
<h2 data-ke-size="size26">책의 카테고리라는 구성으로 본 Composite 패턴 .</h2>
<p data-ke-size="size16">카테고리 : 카테고리는 책을 포함 할 수도 있고, 카테고리를 하위 자식으로 설정이 가능하다. 즉 Component interface를 구현한 클래스는 모두 자식으로 받아 드릴 수 있다.</p>
<p data-ke-size="size16">책 : 책은 그 어떤 자식도 가질 수 없다. 책은 카테고리에 종속적이기에 부모가 필수요소이다.</p>
<p data-ke-size="size16">컴포넌트 : 책과 카테고리를 한개의 인터페이스로 엮는 역할이다.</p>
<p data-ke-size="size16"><b>컴포넌트</b></p>
<pre><code>// Component 

interface ComponentInterface {
    id: string
    description: string
    parent: ComponentInterface | null
    getParent: () =&gt; ComponentInterface | null
}</code></pre>
<p data-ke-size="size16">** 책 **</p>
<pre><code>class Book implements ComponentInterface {

    constructor(
        public id: string,
        public description: string,
        public parent: ComponentInterface
    ) { }

    getParent() : ComponentInterface{
        return this.parent
    }
}</code></pre>
<p data-ke-size="size16"><b>카테고리</b></p>
<pre><code>class Category implements ComponentInterface {

    children: ComponentInterface[] = []

    constructor(
        public id: string,
        public description: string,
        public parent: ComponentInterface | null
    ) { }

    add(component: ComponentInterface) {
        this.children.push(component)
    }

    remove(id: string) {
        if (this.children.length == 0) { return }

        const index = this.children.findIndex((component) =&gt; component.id == id);

        if (index != -1) {
            this.children.splice(index, 1)
        } else {
            this.children.forEach((e) =&gt; {
                if (e instanceof Category) {
                    e.remove(id)
                }
            })
        }
    }
    getParent() : ComponentInterface | null {
        return this.parent
    }
}</code></pre>
<h2 data-ke-size="size26">장점 과 단점</h2>
<p data-ke-size="size16">장점 : 컴포넌트 인터페이스를 구현한다면 새로운 클래스의 추가가 용이하다.<br>단점 : 한개의 인터페이스로 객체를 취급하기 때문에 객체간 구별이 어렵다.</p>
            
            
                </div>
                
              </article></div>

자스민

컴포지트 패턴
활용 : 객체들의 관계를 트리구조로써 부분 전체 계층을 표현하는 패턴으로 사용자가 단일 객체 복합 객들도 모두 동일하게 다룰 수 있도록 할 때 사용 한다.
객체 구성
Component : 인터페이스를 정의하며, 컴포지트 객체에 대한 기본 동작을 구현한다.
Leaf 와 Composite가 구현해야 하는 interface이며, 이 두 요소는 상황에 따라 개별적인 클래스가 아닌 Component 인터페이스로 다루어 진다.
Composite : Leaf 혹은 Composite 인스턴스를 자식으로 가진다.
Leaf : Composite의 자식의 역할을 하며, 이 노드가 Compsite를 자식으로 두지 않는다.
책의 카테고리라는 구성으로 본 Composite 패턴 .
카테고리 : 카테고리는 책을 포함 할 수도 있고, 카테고리를 하위 자식으로 설정이 가능하다. 즉 Component interface를 구현한 클래스는 모두 자식으로 받아 드릴 수 있다.
책 : 책은 그 어떤 자식도 가질 수 없다. 책은 카테고리에 종속적이기에 부모가 필수요소이다.
컴포넌트 : 책과 카테고리를 한개의 인터페이스로 엮는 역할이다.
컴포넌트
// Component 
interface ComponentInterface {
    id: string
    description: string
    parent: ComponentInterface | null
    getParent: () => ComponentInterface | null
}
** 책 **
class Book implements ComponentInterface {
    constructor(
        public id: string,
        public description: string,
        public parent: ComponentInterface
    ) { }
    getParent() : ComponentInterface{
        return this.parent
    }
}
카테고리
class Category implements ComponentInterface {
    children: ComponentInterface[] = []
    constructor(
        public id: string,
        public description: string,
        public parent: ComponentInterface | null
    ) { }
    add(component: ComponentInterface) {
        this.children.push(component)
    }
    remove(id: string) {
        if (this.children.length == 0) { return }
        const index = this.children.findIndex((component) => component.id == id);
        if (index != -1) {
            this.children.splice(index, 1)
        } else {
            this.children.forEach((e) => {
                if (e instanceof Category) {
                    e.remove(id)
                }
            })
        }
    }
    getParent() : ComponentInterface | null {
        return this.parent
    }
}
장점 과 단점
장점 : 컴포넌트 인터페이스를 구현한다면 새로운 클래스의 추가가 용이하다.
단점 : 한개의 인터페이스로 객체를 취급하기 때문에 객체간 구별이 어렵다.

[GOF] 컴포지트 패턴

댓글