자바스크립트 spread 연산자

const cookie = {
  base: "cookie",
  madeIn: "korea"
};

const chocochipCookie = {
  ...cookie,
  toping: "chocochip"
};

const blueberryCookie = {
  ...cookie,
  toping: "blueberry"
};

const strawberryCookie = {
  ...cookie,
  toping: "strawberry"
};

console.log(chocochipCookie);
console.log(blueberryCookie);
console.log(strawberryCookie);

❗ ... : spread 연산자
객체의 중복된 요소를 펼칠수 있는 연산자

const noTopingCookies = ["촉촉한 쿠키", "안 촉촉한 쿠키"];
const topingCookies = ["바나나 쿠키", "블루베리 쿠키", "딸기 쿠키", "초코 쿠키"];

const allCookies = [...noTopingCookies, ...topingCookies];
console.log(allCookies);

❗ 배열의 원소들도 순서대로 펼칠 수 있다
중간에 요소 추가도 가능하다