자바스크립트 객체 복제 방법 총정리 👬

자바스크립트로 코딩을 하시다가 객체가 의도하신 대로 복제되지 않아서 고생하신 적이 한 번 쯤은 있으실텐데요. 예를 들어, 다음과 같은 객체가 있다고 가정해보겠습니다. ```js const original = { num: 1000, bool: true, str: "test", func: function () { console.log("func"); }, obj: { x: 1, y: 2, }, arr: ["A", "B", "C"], }; ``` 여러분은 위 객체를 어떻게 복제하여 새로운 변수에 복제본을 할당하실 건가요? 원본에 영향이 없도록 안전하게 복제하실 자신이 있으신가요? ```js const clone = /* original의 복제본 */; ``` 이번 포스팅에서는 자바스크립트에서 객체를 복제하는 다양한 방법에 대해서 실습을 통해서 한 번 정리해보도록 할께요. 우선 객체를 복제하다가 쉽게 범할 수 있는 실수에 대해서 살펴보고, 얇은 복제와 깊은 복제에 대한 개념을 잡아보겠습니다. 마지막으로 Lodash 라이브러리와 웹 표준 API인 structuredClone() 함수를 활용해서 객체 복제를 해보겠습니다. 📝 포스팅: https://www.daleseo.com/js-objects-clone/ 🧑‍💻 실습 코드: https://runkit.com/daleseo/js-objects-clone