✨ JavaScript 완전 가이드

// 병렬 실행
const [users, posts] = await Promise.all([
  fetch('/api/users').then(r => r.json()),
  fetch('/api/posts').then(r => r.json()),
]);

// 에러 처리
async function fetchWithRetry(url, retries = 3) {
  for (let i = 0; i < retries; i++) {
    try {
      return await fetch(url).then(r => r.json());
    } catch (err) {
      if (i === retries - 1) throw err;
      await new Promise(r => setTimeout(r, 1000 * (i + 1)));
    }
  }
}

function makeCounter(initial = 0) {
  let count = initial; // 클로저로 캡처
  return {
    increment: () => ++count,
    decrement: () => --count,
    value:     () => count,
  };
}

const counter = makeCounter(10);
counter.increment(); // 11
counter.increment(); // 12
counter.value();     // 12

// class 문법 — 내부적으로는 프로토타입 체인을 구성함
class Animal {
  constructor(name) { this.name = name; }
  speak() { return `${this.name}가 소리를 냅니다.`; }
}

class Dog extends Animal {
  speak() { return `${this.name}가 짖습니다.`; }
}

const dog = new Dog("멍멍이");
console.log(dog.speak());                          // "멍멍이가 짖습니다." (자기 자신의 메서드)
console.log(Object.getPrototypeOf(dog) === Dog.prototype);        // true
console.log(Object.getPrototypeOf(Dog.prototype) === Animal.prototype); // true — 체인으로 연결됨

// class 없이 직접 프로토타입 체인을 구성하면 이렇게 동작함
function OldStyleDog(name) { this.name = name; }
OldStyleDog.prototype.speak = function () {
  return `${this.name}가 짖습니다.`;
};

// Object.groupBy
const grouped = Object.groupBy(items, item => item.category);

// Array.fromAsync
const data = await Array.fromAsync(asyncGenerator());

// Promise.withResolvers
const { promise, resolve, reject } = Promise.withResolvers();

// Temporal API (Stage 3)
const now = Temporal.Now.plainDateTimeISO();
const later = now.add({ hours: 2 });