<div id="readability-page-1" class="page"><div>
                <div id="SE-d91fb09d-3fc0-4a1c-95fa-044394a0dffa">
                                    <p id="SE-88d745c0-6346-45c8-b45e-3fe013cc07ea"><span id="SE-32ee352a-080d-4185-8cc4-1b2b7deacd2a">방문자(Visitor) 디자인 패턴은 객체 구조 내의 각 요소에 대해 어떤 작업을 수행하기 위한 행동 패턴입니다. 패턴을 사용하면 새로운 작업을 추가하거나 기존 작업을 수정할 수 있으며, 이러한 작업은 객체 구조의 클래스 계층 구조와 독립적으로 확장 가능합니다. </span></p><p id="SE-1a3a8fbe-fff6-4003-b234-62319c1b4839"><span id="SE-45c16332-df82-4135-a5c7-86b9c772256b">​</span></p><p id="SE-8ab262cf-216a-4e8d-80eb-3275b39db344"><span id="SE-ab952dd0-dd48-4f8c-af99-7d8b729c6d9a">그럼 방문자 패턴을 사용하여 간단한 파일 시스템 구조를 모델링하고, 파일 및 디렉토리를 반문하면서 파일 크기의 총합을 계산하는 코드를 작성해 보겠습니다. FileSystemElement는 방문자 패턴을 적용하기 위한 Element의 인터페이스입니다. File과 Directory 클래스는 이 인터페이스를 구현합니다.</span></p><p id="SE-343601a6-34cc-4d18-8204-5c2f6898fee8"><span id="SE-a9e37e12-79a1-47ff-9a1d-8a69ee2a1735">​</span></p><p id="SE-8d550972-67bc-4cd3-80d9-61500ac335eb"><span id="SE-d454f07e-8f40-4160-ace4-45bbc2c6c4e2">accept 메소드는 객체를 방문자에게 전달하는 역할을 합니다. accept 메소드는 실제 방문자의 visit 메소드를 호출하고 방문자에게 처리를 위임합니다.</span></p>
                            </div>                <div id="SE-1b253d0e-ef4d-49a3-b11d-d8cc5c2d126d">
                                    <p>class FileSystemElement {
  accept(visitor) {
    throw new Error('하위 클래스에서 구현되어야 함');
  }
}

// ConcreteElement 클래스: 파일을 나타내는 클래스
class File extends FileSystemElement {
  constructor(name, size) {
    super();
    this.name = name;
    this.size = size;
  }

  accept(visitor) {
    visitor.visitFile(this);
  }
}

// ConcreteElement 클래스: 디렉토리를 나타내는 클래스
class Directory extends FileSystemElement {
  constructor(name) {
    super();
    this.name = name;
    this.children = [];
  }

  addChild(child) {
    this.children.push(child);
  }

  accept(visitor) {
    visitor.visitDirectory(this);

    for (const child of this.children) {
      child.accept(visitor);
    }
  }
}</p>
                                </div>                <div id="SE-f3e87b5a-6de7-43c8-8bdd-0cf39b013c0d">
                            <p id="SE-7b10b2c8-430d-4dac-a827-b716316522b6"><span id="SE-07183fab-6468-476f-b078-f1ede3153863">FileSystemVisitor는 방문자 패턴을 적용하기 위한 Visitor의 인터페이스입니다. SizeCalculatorVisitor 클래스는 이 인터페이스를 구현하여 파일 크기 합계를 계산합니다.</span></p>
                        </div>                <div id="SE-a3d87f90-e436-483f-b2f8-178409840927">
                                    <p>// Visitor 인터페이스: 모든 방문자가 따라야 하는 인터페이스
class FileSystemVisitor {
  visitFile(file) {
    throw new Error('하위 클래스에서 구현되어야 함');
  }

  visitDirectory(directory) {
    throw new Error('하위 클래스에서 구현되어야 함');
  }
}

// ConcreteVisitor 클래스: 파일 크기 합계를 계산하는 클래스
class SizeCalculatorVisitor extends FileSystemVisitor {
  constructor() {
    super();
    this.totalSize = 0;
  }

  visitFile(file) {
    this.totalSize += file.size;
  }

  visitDirectory(directory) {
    // 디렉토리에 있는 파일 및 하위 디렉토리를 방문
    for (const child of directory.children) {
      child.accept(this);
    }
  }
}</p>
                                </div>                <div id="SE-ee16d158-8506-42ba-97f8-2ac295b69dd7">
                            <p id="SE-37cebb99-583d-4a92-96b1-8fe1dadb36c4"><span id="SE-96032ec5-1ae3-4cf5-a179-0347e97a8802">이제 파일 시스템 구조를 생성하고, SizeCalculatorVisitor를 사용하여 파일 시스템의 총 크기를 계산합니다.</span></p>
                        </div>                <div id="SE-54a178bb-d020-45ee-be6f-2d76e22ab9a9">
                                    <p>const rootDirectory = new Directory('루트');
const folder1 = new Directory('폴더1');
const folder2 = new Directory('폴더2');
const file1 = new File('파일1.txt', 100);
const file2 = new File('파일2.txt', 200);

folder1.addChild(file1);
folder2.addChild(file2);
rootDirectory.addChild(folder1);
rootDirectory.addChild(folder2);

const sizeCalculator = new SizeCalculatorVisitor();
rootDirectory.accept(sizeCalculator);

console.log(`파일 시스템의 총 크기: ${sizeCalculator.totalSize} 바이트`);
</p>
                                </div>                    </div></div>

개발하는 기획자. 기획하는 개발자.

방문자(Visitor) 디자인 패턴은 객체 구조 내의 각 요소에 대해 어떤 작업을 수행하기 위한 행동 패턴입니다. 패턴을 사용하면 새로운 작업을 추가하거나 기존 작업을 수정할 수 있으며, 이러한 작업은 객체 구조의 클래스 계층 구조와 독립적으로 확장 가능합니다. 그럼 방문자 패턴을 사용하여 간단한 파일 시스템 구조를 모델링하고, 파일 및 디렉토리를 반문하면서 파일 크기의 총합을 계산하는 코드를 작성해 보겠습니다. FileSystemElement는 방문자 패턴을 적용하기 위한 Element의 인터페이스입니다. File과 Directory 클래스는 이 인터페이스를 구현합니다. accept 메소드는 객체를 방문자에게 전달하는 역할을 합니다. accept 메소드는.......

방문자 패턴 (Visitor Pattern)

댓글