[ React.js ] 얕은 복사 이슈

고유 데이터와, 수정 데이터를 hooks로 관리하여, 수정 데이터를 원복 시키고 싶을 경우 고유 데이터로 가져올려 하지만, 수정 데이터를 변경할 경우 고유데이터도 함께 변경되는 이슈가 있었다.

원인 : 객체가 담겨있는 변수를 다른 변수에 할당할 경우 데이터 복사가 아니라 참조현상이 일어나기 때문에, 한 변수의 데이터를 변경할 경우 다른 변수의 데이터도 함께 변경된다.

에러 해결

• JSON.parse(Json.stringfy(object)) // 깊은 복사를 하는 방법 중하나지만 소요시간이 많이걸림 <작동됨>
• loadsh에서 제공해주는 cloneDeep 함수가 있다고 한다, 소요시간 괜찮다고 하여 이거 씀 <<작동됨>>