{"id":6188,"date":"2019-02-26T16:37:05","date_gmt":"2019-02-26T07:37:05","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=6188"},"modified":"2020-05-28T12:50:58","modified_gmt":"2020-05-28T03:50:58","slug":"javascript%ec%97%90%ec%84%9c-%ea%b0%9d%ec%b2%b4%ec%9d%98-key-value-%ec%88%9c%ed%9a%8c%ed%95%98%ea%b8%b0","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=6188","title":{"rendered":"Javascript\uc5d0\uc11c \uac1d\uccb4\uc758 key, value \uc21c\ud68c\ud558\uae30"},"content":{"rendered":"<p>ES6\uc5d0\uc11c \uac1d\uccb4\uc758 Key\uc640 Key\uc5d0 \ud574\ub2f9\ud558\ub294 Value\uc744 \uc21c\ud68c\ud558\ub294 \ucf54\ub4dc\ub97c \uae30\ub85d\ud574 \ub461\ub2c8\ub2e4.<\/p>\n<p>\uba3c\uc800 \uc21c\ud68c\ud558\ub824\ub294 \uac1d\uccb4\uac00 \ub2e4\uc74c\uacfc \uac19\ub2e4\uba74..<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\nlet menus = {\r\n    'menu1': {\r\n        url: 'url(images\/menu_icon1.png)',\r\n        title: 'Menu Item 1',\r\n            onclick: function() {\r\n                alert('Menu 1');\r\n            }\r\n        },\r\n    'menu2':  {\r\n        url: 'url(images\/menu_icon2.png)',\r\n        title: 'Menu Item 2',\r\n        onclick: function() {\r\n            alert('Menu 2');\r\n        }\r\n    },\r\n\r\n    'seprator1':  {},\r\n\r\n    'menu3':  {\r\n        url: 'url(images\/menu_icon1.svg)',\r\n        title: 'Menu Item 3',\r\n        onclick: function() {\r\n            alert('Menu 3');\r\n        }\r\n    },\r\n    'menu4':  {\r\n        url: 'url(images\/menu_icon2.svg)',\r\n        title: 'Menu Item 4',\r\n        onclick: function() {\r\n            alert('Menu 4');\r\n        }\r\n    },\r\n};\r\n<\/pre>\n<p>\uc21c\ud68c\ud558\ub294 \ucf54\ub4dc\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\nfor (let [id, menu] of Object.entries(menus)) {\r\n    if(menu.onclick) {\r\n        this.addMenu(id, menu.url, menu.title, menu.onclick);\r\n    } else {\r\n        this.addSeparator(id);\r\n    }\r\n}\r\n<\/pre>\n<p>\uc704\uc758 \ucf54\ub4dc\uc5d0 \ub300\ud55c ES5\uc5d0\uc11c\uc758 \ub3d9\uc77c\ud55c \ucf54\ub4dc\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\nfor (let id in menus) {\r\n    let menu = menus[id];\r\n\r\n    if(menu.onclick) {\r\n        this.addMenu(id, menu.url, menu.title, menu.onclick);\r\n    } else {\r\n        this.addSeparator(id);\r\n    }\r\n}\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>ES6\uc5d0\uc11c \uac1d\uccb4\uc758 Key\uc640 Key\uc5d0 \ud574\ub2f9\ud558\ub294 Value\uc744 \uc21c\ud68c\ud558\ub294 \ucf54\ub4dc\ub97c \uae30\ub85d\ud574 \ub461\ub2c8\ub2e4. \uba3c\uc800 \uc21c\ud68c\ud558\ub824\ub294 \uac1d\uccb4\uac00 \ub2e4\uc74c\uacfc \uac19\ub2e4\uba74.. let menus = { &#8216;menu1&#8217;: { url: &#8216;url(images\/menu_icon1.png)&#8217;, title: &#8216;Menu Item 1&#8217;, onclick: function() { alert(&#8216;Menu 1&#8217;); } }, &#8216;menu2&#8217;: { url: &#8216;url(images\/menu_icon2.png)&#8217;, title: &#8216;Menu Item 2&#8217;, onclick: function() { alert(&#8216;Menu 2&#8217;); } }, &#8216;seprator1&#8217;: {}, &#8216;menu3&#8217;: { url: &#8216;url(images\/menu_icon1.svg)&#8217;, &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=6188\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;Javascript\uc5d0\uc11c \uac1d\uccb4\uc758 key, value \uc21c\ud68c\ud558\uae30&#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":[63],"tags":[],"class_list":["post-6188","post","type-post","status-publish","format-standard","hentry","category-actionscript"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/6188","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=6188"}],"version-history":[{"count":4,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/6188\/revisions"}],"predecessor-version":[{"id":9527,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/6188\/revisions\/9527"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6188"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6188"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}