이터레이터 & 제너레이터

function* stepGenerator() {
    yield '[STEP 1] 데이터 스캔 중...';
    yield '[STEP 2] 값 분석 중...';
    yield '[STEP 3] 결과 계산 중...';
    yield '[COMPLETE] 순회 완료';
    return '[DONE]';
  }

  const iter = stepGenerator();
  const results = [];

  let step = iter.next();
  while (!step.done) {
    results.push(step.value);
    step = iter.next();
  }

  results.forEach((r, i) => {
    const color = i === results.length - 1 ? '#22c55e' : '#10b981';
    document.write('<div style="color:' + color + '; margin-bottom:4px;">' + r + '</div>');
  });