{"id":15725,"date":"2025-02-19T12:15:41","date_gmt":"2025-02-19T03:15:41","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=15725"},"modified":"2025-02-24T12:24:40","modified_gmt":"2025-02-24T03:24:40","slug":"javascript%ec%9d%98-%ec%8a%a4%ed%94%84%eb%a0%88%eb%93%9c-%ec%97%b0%ec%82%b0%ec%9e%90spread-operator%eb%a5%bc-%ec%a0%81%ec%9a%a9%ed%95%b4-%eb%b3%b4%ec%9e%90","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=15725","title":{"rendered":"Javascript\uc758 \uc2a4\ud504\ub808\ub4dc \uc5f0\uc0b0\uc790(spread operator)\ub97c \uc801\uc6a9\ud574 \ubcf4\uc790"},"content":{"rendered":"<p>\uc2a4\ud504\ub808\ub4dc \uc5f0\uc0b0\uc790\ub97c \uc801\uc6a9\ud560 \uc218 \uc788\ub294 \ud074\ub798\uc2a4 AA\uac00 \uc788\ub2e4\uace0 \ud560\ub54c \ud65c\uc6a9 \uc608\ub294 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"glsl\">\r\nconst aa = new AA();\r\n\r\naa.addItem(1);\r\naa.addItem(2);\r\naa.addItem(3);\r\n\r\nconsole.log(...aa)\r\n<\/pre>\n<p>\ucf58\uc194\uc5d0 1 2 3\uc774 \ucc0d\ud78c\ub2e4. \ubc14\ub85c &#8230; \uc5f0\uc0b0\uc790\uac00 \uc2a4\ud504\ub808\ub4dc \uc5f0\uc0b0\uc790\uc774\ub2e4. \uc774\ucc98\ub7fc \uc2a4\ud504\ub808\ub4dc \uc5f0\uc0b0\uc790\ub97c \uc801\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d \ud558\uae30 \uc704\ud574\uc11c AA \ud074\ub798\uc2a4\ub294 \ub2e4\uc74c\ucc98\ub7fc \uc791\uc131\ub418\uc5b4\uc57c \ud55c\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"glsl\">\r\nclass AA {\r\n  constructor() {\r\n    this.items = []; \/\/ \uc774\ud130\ub7ec\ube14\ud55c \ub0b4\uc6a9\uc744 \uc800\uc7a5\ud560 \ubc30\uc5f4\r\n  }\r\n\r\n  \/\/ \uc544\uc774\ud15c\uc744 \ucd94\uac00\ud558\ub294 \uba54\uc18c\ub4dc\r\n  addItem(item) {\r\n    this.items.push(item);\r\n  }\r\n\r\n  \/\/ Symbol.iterator\ub97c \uad6c\ud604\ud558\uc5ec \uc774\ud130\ub7ec\ube14\ud558\uac8c \ub9cc\ub4ed\ub2c8\ub2e4.\r\n  [Symbol.iterator]() {\r\n    let index = 0;\r\n    let data  = this.items;\r\n    return {\r\n      next: () => {\r\n        if (index < data.length) {\r\n          return { value: data[index++], done: false };\r\n        } else {\r\n          return { done: true };\r\n        }\r\n      }\r\n    };\r\n  }\r\n}\r\n<\/pre>\n<p>\ucc38\uace0\ub85c \uc2a4\ud504\ub808\ub4dc \uc5f0\uc0b0\uc790\ub294 \ub9e4\uc6b0 \uc720\uc6a9\ud55c \ubb38\ubc95\uc73c\ub85c, \ubc30\uc5f4\uc774\ub098 \uc774\ud130\ub7ec\ube14 \uac1d\uccb4\uc758 \uc694\uc18c\ub97c \uac1c\ubcc4 \uc694\uc18c\ub85c \ud655\uc7a5\ud558\uac70\ub098, \ud568\uc218 \ud638\ucd9c \uc2dc \uc778\uc218\ub85c \uc0ac\uc6a9\ud558\uac70\ub098, \uac1d\uccb4 \ub9ac\ud130\ub7f4\uc5d0\uc11c \uc18d\uc131\uc744 \ubcf5\uc0ac\ud560 \ub54c \uc0ac\uc6a9\ub41c\ub2e4. \uc608\ub97c\ub4e4\uc5b4 \uc544\ub798\uc758 \ucf54\ub4dc\uc758 \uc608\uc2dc\uac00 \uc788\ub2e4.<\/p>\n<p>\uc0ac\ub8401<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"glsl\">\r\nlet arr1 = [1, 2, 3];\r\nlet arr2 = [...arr1, 4, 5]; \/\/ [1, 2, 3, 4, 5]\r\n<\/pre>\n<p>\uc0ac\ub8402<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"glsl\">\r\nfunction sum(x, y, z) {\r\n  return x + y + z;\r\n}\r\n\r\nlet numbers = [1, 2, 3];\r\nconsole.log(sum(...numbers)); \/\/ 6\r\n<\/pre>\n<p>\uc0ac\ub8403<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"glsl\">\r\nlet obj1 = { foo: 'bar', x: 42 };\r\nlet obj2 = { ...obj1, y: 1337 }; \/\/ { foo: 'bar', x: 42, y: 1337 }\r\n<\/pre>\n<p>\uc2a4\ud504\ub808\ub4dc \uc5f0\uc0b0\uc790\ub294 \uc595\uc740 \ubcf5\uc0ac\ub97c \uc218\ud589\ud55c\ub2e4\ub294 \uc810\uc744 \uc720\ub150\ud558\uc790. \uc704\uc758 \uc608\uc81c\ub97c \ubcf4\uba74 \uc54c\uaca0\uc9c0\ub9cc \uc2a4\ud504\ub808\ub4dc \uc5f0\uc0b0\uc790\ub294 \ucf54\ub4dc\ub97c \ub354\uc6b1 \uac04\uacb0\ud558\uace0 \uac00\ub3c5\uc131\uc744 \ub192\uc5ec\uc8fc\uba70 \ub370\uc774\ud130 \uad6c\uc870\ub97c \uc27d\uac8c \uc870\uc791\ud560 \uc218 \uc788\uac8c \ud574\uc900\ub2e4. \ud558\uc9c0\ub9cc \uc595\uc740 \ubcf5\uc0ac\ub77c\ub294 \uc810\uc744 \ub2e4\uc2dc \ud55c\ubc88 \ub354 \uc720\ub150\ud558\uc790.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc2a4\ud504\ub808\ub4dc \uc5f0\uc0b0\uc790\ub97c \uc801\uc6a9\ud560 \uc218 \uc788\ub294 \ud074\ub798\uc2a4 AA\uac00 \uc788\ub2e4\uace0 \ud560\ub54c \ud65c\uc6a9 \uc608\ub294 \ub2e4\uc74c\uacfc \uac19\ub2e4. const aa = new AA(); aa.addItem(1); aa.addItem(2); aa.addItem(3); console.log(&#8230;aa) \ucf58\uc194\uc5d0 1 2 3\uc774 \ucc0d\ud78c\ub2e4. \ubc14\ub85c &#8230; \uc5f0\uc0b0\uc790\uac00 \uc2a4\ud504\ub808\ub4dc \uc5f0\uc0b0\uc790\uc774\ub2e4. \uc774\ucc98\ub7fc \uc2a4\ud504\ub808\ub4dc \uc5f0\uc0b0\uc790\ub97c \uc801\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d \ud558\uae30 \uc704\ud574\uc11c AA \ud074\ub798\uc2a4\ub294 \ub2e4\uc74c\ucc98\ub7fc \uc791\uc131\ub418\uc5b4\uc57c \ud55c\ub2e4. class AA { constructor() { this.items = []; \/\/ \uc774\ud130\ub7ec\ube14\ud55c &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=15725\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;Javascript\uc758 \uc2a4\ud504\ub808\ub4dc \uc5f0\uc0b0\uc790(spread operator)\ub97c \uc801\uc6a9\ud574 \ubcf4\uc790&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[88,153],"tags":[],"class_list":["post-15725","post","type-post","status-publish","format-standard","hentry","category-javascript","category-shader"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/15725","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15725"}],"version-history":[{"count":4,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/15725\/revisions"}],"predecessor-version":[{"id":15728,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/15725\/revisions\/15728"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15725"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=15725"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=15725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}