A-3. 도메인 로직이 엉뚱한 곳에 — utils? reducer? 어디에 있어야 할까?

// utils/dom/index.js — 범용 DOM 유틸 객체 안에 로또 도메인 로직이 섞여 있는 패턴
import PRIZE from '../../constants/prize';
 
const dom = {
  $(selector) { /* 범용 DOM 헬퍼 */ },
  create(tag, id, className, text) { /* 범용 DOM 헬퍼 */ },
 
  // 아래 함수들은 로또 당첨 등수(PRIZE)를 직접 사용하는 도메인 로직
  createLottoResultTitle() {
    const lottoResultRowTitle = document.createElement('div');
    PRIZE.TABLE_TITLE_LIST.forEach(text => {
      const lottoTableTitle = this.create('div', null, 'lotto-result-cell', text);
      lottoResultRowTitle.appendChild(lottoTableTitle);
    });
    return lottoResultRowTitle;
  },
 
  createLottoResultTable(ranks) {
    const resultTableFragment = document.createDocumentFragment();
    [PRIZE.FIFTH, PRIZE.FORTH, PRIZE.THIRD, PRIZE.SECOND, PRIZE.FIRST].forEach(rank => {
      const lottoResultRow = this.create('div', null, 'lotto-result-row');
      const lottoMatchedCount = this.create('div', null, 'lotto-result-cell', `${PRIZE.COUNT_OUTPUTS[rank]}`);
      const lottoResultPrize = this.create('div', null, 'lotto-result-cell', `${PRIZE.AMOUNT[rank].toLocaleString()}`);
      const lottoRankCount = this.create('div', null, 'lotto-result-cell', `${ranks[rank]}개`);
      lottoResultRow.append(lottoMatchedCount, lottoResultPrize, lottoRankCount);
      resultTableFragment.appendChild(lottoResultRow);
    });
    return resultTableFragment;
  },
};