ZeroCho Blog

안녕하세요. 이번 시간에는 빌더 패턴에 대해서 알아보겠습니다. 전 시간의 추상 팩토리 패턴은 여러 팩토리를 동시에 사용하고 싶을 때 사용했었죠. 빌더 패턴은 옵션이 많을 때 사용합니다. 로봇을 조립한다고 생각하시면 됩니다.

전 시간에 각지에서 반란이 일어났습니다. 갈바, 오토, 빈덱스, 비텔리우스는 갈바를 중심으로 연합을 맺었습니다. 반란을 일으킨 자들은 군단을 꾸려 로마로 진격합니다. 반대로 로마에서 네로는 반란군은 막으려 군단을 출격시킵니다. 독일 총독 루푸스가 진압에 앞장섭니다. 군단에는 리더와 부관, 병력들이 있겠죠? 그런데 어떤 군단은 부관이 없을 수도 있습니다. 이렇게 큰 유형은 같지만 세부적인 사항이 다를 때 빌더 패턴이 유용합니다.

이전 시간에 먼저 결과부터 생각하라고 그랬죠? 일단 원하는 결과부터 써봅시다. 아래처럼 하면 같은 군단의 개념이지만 서로 다른 옵션을 줄 수 있을 것 같습니다.

var galbaLegion = makeLegion('galba').setAdjutant(['otho', 'vindex', 'vitellius']).setArmy(8000).build();
var rufusLegion = makeLegion('rufus').setArmy(10000).build();

이렇게 두 군단을 만들 수 있습니다. 이제 내부 구현을 해볼까요?

var makeLegion = function(leader) {
  var adjutants = null;
  var army = 0;
  return {
    setAdjutant: function(list) {
      adjutants = list;
      return this;
    },
    setArmy: function(number) {
      army = number;
      return this;
    },
    build: function() {
      return {
        leader: leader,
        adjutants: adjutants,
        army: army
      };
    }
  };
};

결과를 보면 제대로 만들어진 것을 확인할 수 있습니다.

galbaLegion; // { leader: 'galba', adjutants: ['otho', 'vindex', 'vitellius'], army: 8000 }
rufusLegion; // { leader: 'rufus', adjutants: null, army: 10000 }

한 가지 개선하고 싶은 점은, 이렇게 만든 군단에 메소드를 추가하고 싶습니다. 예를 들면, 다른 군단을 공격한다는 등의 메소드를요. makeLegion 코드를 좀 수정합시다.

var Legion = (function() {
  function Legion(leader, adjutants, number) {
    this.leader = leader;
    this.adjutants = adjutants || null;
    this.number = number || 0;
  }
  Legion.prototype.attack = function(target) {
    console.log(this.leader + '가 ' + target.leader + '를 공격합니다');
  };
  return Legion;
})();

var makeLegion = function(leader) {
  var adjutants = null;
  var army = null;
  return {
    setAdjutant: function(list) {
      adjutants = list;
      return this;
    },
    setArmy: function(number) {
      army = number;
      return this;
    },
    build: function() {
      return new Legion(leader, adjutants, army);
    }
  }
};

다시 galbaLegion과 rufusLegion을 만들어주고 다음 코드를 실행해봅니다.

rufusLegion.attack(galbaLegion); // rufus가 galba를 공격합니다.

바뀐 점은 Legion을 따로 생성자 객체로 만들어 prototype을 사용할 수 있게 되었다는 거죠. 이렇게 빌더 패턴을 사용하면 손쉽게 옵션을 바꿔가며 객체를 만들 수 있습니다.

실제로 루푸스가 갈바 군단을 공격해 승리합니다. 여기서 갈바의 동맹인 프랑스 총독 빈덱스가 패배한 후 자결하죠. 갈바는 이에 흔들려서 잠시 주춤합니다.

다음 시간에는 적응자 패턴에 대해 알아보겠습니다!