리액트 + 자바스크립트의 얕은복사 & 깊은복사 : React, Javascript : JS Shallow Copy & Deep Copy : Object.assign() method 등 : 참조

자바스크립트의 얕은복사 & 깊은복사 :

https://velog.io/@recordboy/JavaScript-%EC%96%95%EC%9D%80-%EB%B3%B5%EC%82%ACShallow-Copy%EC%99%80-%EA%B9%8A%EC%9D%80-%EB%B3%B5%EC%82%ACDeep-Copy

React - 상태(가변 상태 - state) + 리액트의 깊은복사에 관해 :

https://kimyhcj.tistory.com/311

1. 새변수명 = object.assign(빈 객체, 복사할 객체)

const obj = { a: 1 };
const newObj = Object.assign({}, obj);

newObj.a = 2;

console.log(obj); // { a: 1 }
console.log(obj === newObj); // false

해당하는 방법은 2차원 객체에 대해서는 깊은 복사를 수행하지 못하므로 완벽한 깊은복사라고 할 수 없다.

그 외 깊은복사 방법

자세히 알아보기 <-