spread 연산자 배열과 객체를 한줄로 펼치는 방법 객체에서 스프레드 연산자 사용하기 내가 먹고싶은 여러가지 쿠키 객체를 만들어 보았다. const cookie = { base: "cookie", madeIn: "seo0" }; const chocochipCookie = { base: "cookie", madeIn: "seo0", toping: "chocochip" }; const blueberryCookie = { base: "cookie", madeIn: "seo0", toping: "blueberry" }; const strawberryCookie = { base: "cookie", madeIn: "seo0", toping: "strawberry" }; 객체의 값들을 보면 프로퍼티 값이 겹치는 것..

이번엔 객체와 배열에서 state를 활용해보자. 어떠한 버튼을 클릭했을때, sethistory의 state값이 변경되면서 push 메소드를 활용하여 history값 뒤에 nextNum값 들을 추가해주는 코드이다. 이때 기존에 state 활용방식처럼 setHistory(history); 로 값을 넣어주었는데, 이 방법은 사실 잘못된 방법이다. 왜 일까? import { useState } from "react"; import Dice from "./Dice"; import React from "react"; import Button from "./Button"; const random = (n) => { return Math.ceil(Math.random() * n); }; const App = () =>..