[Korean FE Article] StructuredClone API를 사용하여 객체를 깊은 복사하는 법

글 링크: https://bit.ly/3IaeFED

소개

네이티브 함수 StructuredClone()을 사용하여 JavaScript 객체를 깊은 복사할 수 있습니다. 대부분의 브라우저에서 지원되는 이 함수를 왜 사용해야 하는지, 어떤 한계가 있는지에 대해서 알아보는 글입니다.

목차

• 얕은 복사(Shallow Copy) vs. 깊은 복사(Deep Copy)

  StructuredClone() 네이티브 함수를 이용해 깊은 복사하기

• 왜 structuredClone()을 사용해야 할까요?

  • structuredClone() vs JSON.parse(JSON.stringify(x))

  • structuredClone() vs _.cloneDeep

• structuredClone()의 한계

• 결론