From d3668e384bcda324ec0df7291083f593220a221b Mon Sep 17 00:00:00 2001
From: changicho <changicho29@gmail.com>
Date: Fri, 12 Jun 2020 14:42:06 +0900
Subject: [PATCH] Feat: Add 14 - JavaScript References VS Copying
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

?: 자바스크립트 자료의 복사
원시값 : 그냥 복사
객체 : 때때로 깊은 복사 필요
---
 .../changi.html                               | 52 +++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 14 - JavaScript References VS Copying/changi.html
diff --git a/14 - JavaScript References VS Copying/changi.html b/14 - JavaScript References VS Copying/changi.html
new file mode 100644
index 0000000..23b226a
--- /dev/null
+++ b/14 - JavaScript References VS Copying/changi.html	
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>JS Reference VS Copy</title>
+  </head>
+  <body>
+    <script>
+      // 원시값들의 복사는 일반적이다.
+      // let age = 100;
+      // let age2 = age;
+      // age = 200;
+
+      // let name = 'Wes';
+      // let name2 = name;
+      // name = 'wesley';
+
+      // Let's say we have an array
+      const players = ["Wes", "Sarah", "Ryan", "Poppy"];
+
+      // List 객체의 복사법
+      const team2 = players.slice();
+      const team3 = [].concat(players);
+      const team4 = [...players];
+      const team5 = Array.from(players);
+
+      // 객체의 복사 (얕은복사)
+      const person = {
+        name: "Wes Bos",
+        age: 80,
+      };
+
+      const cap2 = Object.assign({}, person, { number: 99, age: 12 });
+      const cap3 = { ...person };
+
+      console.log(cap2);
+      console.log(cap3);
+
+      // 객체의 깊은 복사
+      const wes = {
+        name: "Wes",
+        age: 100,
+        social: {
+          twitter: "@wesbos",
+          facebook: "wesbos.developer",
+        },
+      };
+
+      const dev2 = JSON.parse(JSON.stringify(wes));
+    </script>
+  </body>
+</html>
