자바스크립트의 데이터 종류에는 크게 두가지로 기본형과 참조형 데이터가 있다. 기본형 데이터 string number boolean undefined null ES6 부터 추가된 symbol 기본형 데이터는 불변성인데 불변성이라는것은 한번 만든 데이터의 값은 다른 값으로 변경할 수 없는 것을 말한다. 만약 기본형 데이터가 변경된다면 그건 데이터를 아에 새로 만드는 동작이고, 한 번 만들어진 값은 가비지 컬렉팅(GC)을 당하지 않는 한 영원히 변하지 않는다. 기본형 데이터는 재할당시 기존 값이 달라지는 것처럼 보이지만, 기존의 값이 달라지는 것이 아닌 새로운 데이터 영역에 재할당한 값을 저장하고, 재할당한 주소값을 변수영역에 연결해주는 것이다. 결국 기존의 데이터 영역이 변하는 것이 아니고 새롭게 재할당한 ..

이번엔 객체와 배열에서 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 = () =>..