<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">전략(Strategy) 디자인 패턴은 객체가 할당된 작업 또는 알고리즘을 동적으로 교체할 수 있게 하는 행동 패턴입니다. 이 패턴을 사용하면 객체의 행동을 캡슐화하고, 실행 시간에 다른 알고리즘을 선택할 수 있게 해줍니다.</span></p><p id="SE-baf4556c-32a3-4e26-ab2e-108f2124e85a"><span id="SE-f1063cb5-2d76-43ff-bf69-2e35d07fced0">​</span></p><p id="SE-a15b8c9a-dabe-4131-9dea-1ecc0d5d5c62"><span id="SE-ed730dc4-e65b-4460-9144-f5038e077e3e">다음은 전략 패턴을 설명하기 위한 예시 코드입니다. PaymentStrategy는 모든 결제 전략이 따라야 하는 인터페이스를 정의합니다. CreditCardPayment, PayPalPayment, BankTransferPayment는 실제 결제 전략을 구현하는 클래스입니다.</span></p>
                            </div>                <div id="SE-68c2bcb4-fe9e-41de-94c5-5b9dd596a1ac">
                                    <p>// Strategy 인터페이스: 모든 전략 객체가 따라야 하는 인터페이스
class PaymentStrategy {
  pay(amount) {
    throw new Error('하위 클래스에서 구현되어야 함');
  }
}

// ConcreteStrategy 클래스: 실제 결제 전략들
class CreditCardPayment extends PaymentStrategy {
  pay(amount) {
    console.log(`신용 카드로 $${amount} 결제됨`);
  }
}

class PayPalPayment extends PaymentStrategy {
  pay(amount) {
    console.log(`PayPal로 $${amount} 결제됨`);
  }
}

class BankTransferPayment extends PaymentStrategy {
  pay(amount) {
    console.log(`은행 계좌로 $${amount} 결제됨`);
  }
}</p>
                                </div>                <div id="SE-01304381-481d-407d-b32d-e1bcd970a081">
                            <p id="SE-e1c4b1e9-edd4-41e9-b257-43b7f0d6d0c4"><span id="SE-63b6c925-a29b-41bc-889c-dd0bdc62c29c">ShoppingCart는 전략을 사용하는 컨텍스트 객체로, 결제 전략을 동적으로 변경할 수 있습니다. setPaymentStrategy 메서드로 결제 전략을 설정하고, checkout 메서드로 결제를 처리합니다.</span></p>
                        </div>                <div id="SE-3c6208a6-f3bf-4e9f-8050-820fc0c7d6b8">
                                    <p>class ShoppingCart {
  constructor() {
    this.items = [];
  }

  // 결제 전략 설정
  setPaymentStrategy(paymentStrategy) {
    this.paymentStrategy = paymentStrategy;
  }

  // 카트에 물건 추가
  addItem(item) {
    this.items.push(item);
  }

  // 카트 전체 가격 계산 및 결제
  checkout() {
    let total = 0;
    for (const item of this.items) {
      total += item.price;
    }

    this.paymentStrategy.pay(total);
    this.items = [];
  }
}</p>
                                </div>                <div id="SE-2438e04e-233c-43e2-b157-77d4a94ebe6e">
                            <p id="SE-75ab2cec-7aab-4d80-8ef5-d730103abfaf"><span id="SE-9d8bf4c4-c02c-43db-b715-6f32d7e76f8f">이제 ShoppingCart 객체를 생성하고, 물건을 카트에 추가한 후, 다양한 결제 전략을 설정하여 결제를 수행합니다. 만약 새로운 결제 방법이 추가되어도 기존 코드를 수정할 필요가 없으므로 확장성이 좋습니다.</span></p>
                        </div>                <div id="SE-f3ec5c52-a87b-4024-865a-81c661a867b7">
                                    <p>const cart = new ShoppingCart();
const item1 = { name: '상품1', price: 50 };
const item2 = { name: '상품2', price: 30 };

cart.addItem(item1);
cart.addItem(item2);

// 신용 카드로 결제
cart.setPaymentStrategy(new CreditCardPayment());
cart.checkout();

// PayPal로 결제
// cart.setPaymentStrategy(new PayPalPayment());
// cart.checkout();

// 은행 계좌로 결제
// cart.setPaymentStrategy(new BankTransferPayment());
// cart.checkout();</p>
                                </div>                                <div id="SE-eb8a89ea-06c5-4c40-a704-db61032bf96f">
                            <p id="SE-ee76e888-4ddd-4a3f-b694-09d1abb5e10e"><span id="SE-b5e1eb0d-6046-40db-932f-c13fe612249d">이번에는 정렬 알고리즘을 다루는 예시 코드를 통해 전략 패턴을 알아보겠습니다. SortingStrategy는 모든 정렬 전략이 따라야 하는 인터페이스를 정의합니다. BubbleSort와 QuickSort는 각각 실제 정렬 알고리즘을 구현하는 클래스입니다.</span></p>
                        </div>                <div id="SE-61159bed-2cba-4cec-9e12-0397cdae9e5f">
                                    <p>class SortingStrategy {
  sort(arr) {
    throw new Error('하위 클래스에서 구현되어야 함');
  }
}

// ConcreteStrategy 클래스: 실제 정렬 알고리즘들
class BubbleSort extends SortingStrategy {
  sort(arr) {
    console.log('버블 정렬로 배열을 정렬합니다.');
    return arr.sort((a, b) =&gt; a - b);
  }
}

class QuickSort extends SortingStrategy {
  sort(arr) {
    console.log('퀵 정렬로 배열을 정렬합니다.');
    if (arr.length &lt;= 1) return arr;

    const pivot = arr[0];
    const left = [];
    const right = [];

    for (let i = 1; i &lt; arr.length; i++) {
      if (arr[i] &lt; pivot) {
        left.push(arr[i]);
      } else {
        right.push(arr[i]);
      }
    }

    return this.sort(left).concat(pivot, this.sort(right));
  }
}</p>
                                </div>                <div id="SE-862ac4b6-3427-4e2d-8664-cce8f0e4bd6a">
                            <p id="SE-32de12b6-1028-43b6-8c0c-4f02ce60faa3"><span id="SE-340ba093-b79d-48f1-8ef8-87328856bbba">Sorter는 전략을 사용하는 컨텍스트 객체로, 현재의 정렬 전략을 설정하고 배열을 정렬합니다.</span></p>
                        </div>                <div id="SE-43b32312-dfb2-4f2e-ba4a-7976231eda34">
                                    <p>// Context 클래스: 전략을 사용하는 객체
class Sorter {
  constructor() {
    this.sortingStrategy = new BubbleSort(); // 초기 정렬 알고리즘
  }

  // 정렬 알고리즘 설정
  setSortingStrategy(sortingStrategy) {
    this.sortingStrategy = sortingStrategy;
  }

  // 배열 정렬
  sortArray(arr) {
    return this.sortingStrategy.sort(arr);
  }
}</p>
                                </div>                <div id="SE-395e43da-26f2-4a21-9b09-395d31393646">
                            <p id="SE-dbe53d96-1953-4f3b-8f05-594a5dc62524"><span id="SE-17567818-f3f7-49ef-a14f-a5e17d1f1cf5">이제 Sorter 객체를 생성하고, 다양한 정렬 알고리즘을 선택하여 배열을 정렬합니다.</span></p>
                        </div>                <div id="SE-a58b7371-9b9b-47f1-821c-c09d56c7aa25">
                                    <p>const sorter = new Sorter();
const unsortedArray = [5, 2, 9, 3, 4, 1];

console.log('원본 배열:', unsortedArray);

// 버블 정렬로 정렬
sorter.setSortingStrategy(new BubbleSort());
const bubbleSortedArray = sorter.sortArray([...unsortedArray]);
console.log('버블 정렬 결과:', bubbleSortedArray);

// 퀵 정렬로 정렬
sorter.setSortingStrategy(new QuickSort());
const quickSortedArray = sorter.sortArray([...unsortedArray]);
console.log('퀵 정렬 결과:', quickSortedArray);</p>
                                </div>    </div></div>

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

전략(Strategy) 디자인 패턴은 객체가 할당된 작업 또는 알고리즘을 동적으로 교체할 수 있게 하는 행동 패턴입니다. 이 패턴을 사용하면 객체의 행동을 캡슐화하고, 실행 시간에 다른 알고리즘을 선택할 수 있게 해줍니다. 다음은 전략 패턴을 설명하기 위한 예시 코드입니다. PaymentStrategy는 모든 결제 전략이 따라야 하는 인터페이스를 정의합니다. CreditCardPayment, PayPalPayment, BankTransferPayment는 실제 결제 전략을 구현하는 클래스입니다. ShoppingCart는 전략을 사용하는 컨텍스트 객체로, 결제 전략을 동적으로 변경할 수 있습니다. setPaymentStrategy 메서드로 결제 전략을 설정하고, checkout 메서드로 결제를 처리합니다.......

전략 패턴 (Strategy Pattern)

댓글