{"id":8936,"date":"2020-02-15T10:38:21","date_gmt":"2020-02-15T01:38:21","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=8936"},"modified":"2020-05-28T09:41:53","modified_gmt":"2020-05-28T00:41:53","slug":"javascript-%ea%b8%b0%eb%b0%98%ec%9d%98-%ec%95%95%ec%b6%95-%eb%9d%bc%ec%9d%b4%eb%b8%8c%eb%9f%ac%eb%a6%ac-jszip","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=8936","title":{"rendered":"Javascript \uae30\ubc18\uc758 \uc555\ucd95 \ub77c\uc774\ube0c\ub7ec\ub9ac, jszip"},"content":{"rendered":"<p>\uc6f9\uc5d0\uc11c\ub294 \ub85c\uceec\uc5d0 \uc800\uc7a5\ub41c \uc5ec\ub7ec \uac1c\uc758 \ud30c\uc77c\uc744 \uc0ac\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294 \uc0ac\uc6a9\uc790\uac00 \ud574\ub2f9 \ud30c\uc77c\ub4e4\uc744 \ubaa8\ub450 \ub9c8\uc6b0\uc2a4\ub97c \ud1b5\ud55c \uc9c1\uc811\uc801\uc778 \uc120\ud0dd \ud589\uc704\uac00 \uc801\uc6a9\ub418\uc5b4\uc57c \ubcf4\uc548\uc0c1\uc5d0 \ubb38\uc81c\uac00 \ubc1c\uc0dd\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \uc774\uc5d0 \ub300\ud55c \ub300\uc548\uc740 \uc5ec\ub7ec\uac1c\uc758 \ud30c\uc77c\uc744 \ud558\ub098\uc758 \ud30c\uc77c\ub85c \ubb36\uc544 \uc555\ucd95\ud558\uace0 \uc555\ucd95\ub41c \ud30c\uc77c \ud558\ub098\uc5d0\ub9cc \uc774\ub7ec\ud55c \uc0ac\uc6a9\uc790\uc758 \uc120\ud0dd \ud589\uc704\uac00 \uc801\uc6a9\ub418\ub3c4\ub85d \ud558\ub294 \uac83\uc785\ub2c8\ub2e4. \ubb3c\ub860 \ub124\ud2b8\uc6cc\ud06c\ub97c \ud1b5\ud55c \ud30c\uc77c\uc758 \uc811\uadfc\uc5d0\ub294 \uc774\ub7ec\ud55c \ubb38\uc81c\uac00 \ubc1c\uc0dd\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc5ec\ud2bc, \uc5ec\ub7ec \uac1c\uc758 \ud30c\uc77c\uc774 \ud558\ub098\ub85c \ubb36\uc778, \ud558\ub098\uc758 \uc555\ucd95 \ud30c\uc77c\ub85c\uc368 zip\uc744 \ucc98\ub9ac\ud560 \uc218 \uc788\ub294 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uae30\ubc18\uc758 \ub77c\uc774\ube0c\ub7ec\ub9ac\uac00 \uba87\uac00\uc9c0 \ub418\ub294\ub370.. \uadf8\uc911 \uc81c\uac00 \uc0ac\uc6a9\ud55c \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc18c\uac1c\ud569\ub2c8\ub2e4. \ubc14\ub85c jszip\uc778\ub370\uc694. \uc544\ub798\uc758 \ud574\ub9d1\uace0 \ud658\ud558\uac8c \uc6c3\ub294 \uc778\uc0c1\uc88b\uc740 \uac1c\ubc1c\uc790\uc758 github\uc5d0 \ubc29\ubb38\ud574 \ub2e4\uc6b4\ub85c\ub4dc \ubc1b\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/2020\/02\/jszip.png\" alt=\"\" width=\"1503\" height=\"964\" class=\"aligncenter size-full wp-image-8937\" \/><\/p>\n<p>jszip \ub77c\uc774\ube0c\ub7ec\ub9ac \uc774\uc678\uc5d0\ub3c4 \uc774\ub97c \uc880\ub354 \uc27d\uac8c \uc0ac\uc6a9\ud558\uae30 \uc704\ud574\uc11c jszip-utils \ub77c\uc774\ube0c\ub7ec\ub9ac\ub3c4 \ud568\uaed8 \ubc1b\uc558\ub294\ub370, \uc704\uc758 \uadf8\ub9bc\uc5d0\uc11c \uc774 2\uac1c\uc758 \ub77c\uc774\ube0c\ub7ec\ub9ac\uc5d0 \ub300\ud55c \ub2e4\uc6b4\ub85c\ub4dc\ub294 \ud30c\ub791\uc0c9 \uc678\uacfd\uc120 \ubc15\uc2a4\ub85c \uc5b8\uae09\ud574 \ub450\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc0ac\uc6a9\ucf54\ub4dc\ub294 \uc544\ub798\uc640 \uac19\uc2b5\ub2c8\ub2e4. \ub9cc\uc57d \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc758 promise\ub77c\ub294 \uac1c\ub150\uc744 \uc774\ud574\ud558\uace0 \uc788\ub2e4\uba74 \ub9e4\uc6b0 \uc2ec\ud50c\ud558\uace0 \uc9c1\uad00\uc801\uc774\ub77c\ub294 \uac83\uc744 \uc54c \uc218 \uc788\uc2b5\ub2c8\ub2e4. IO \ucc98\ub9ac\uc774\ubbc0\ub85c \ub2f9\uc5f0\uc774 \ube44\ub3d9\uae30\ubc29\uc2dd\uc73c\ub85c \ucc98\ub9ac\ub429\ub2c8\ub2e4. \uacfc\uac70 \ubc84\uc804\uc5d0\uc11c\ub294 \ub3d9\uae30 \ubc29\uc2dd\ub3c4 \uc9c0\uc6d0\ud588\ub358\uac70 \uac19\uc740\ub370, \uc81c\uac70\ub41c \uac83 \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\n<script src=\"..\/scripts\/extern\/jszip\/jszip.min.js\"><\/script>\r\n<script src=\"..\/scripts\/extern\/jszip\/jszip-utils.min.js\"><\/script>\r\n\r\n<script>\r\n    let zip_url = 'http:\/\/localhost\/a.zip';\r\n    let promise = new JSZip.external.Promise(function (resolve, reject) {\r\n        JSZipUtils.getBinaryContent(zip_url, function(err, data) {\r\n            if (err) {\r\n                reject(err);\r\n            } else {\r\n                resolve(data);\r\n            }\r\n        });\r\n    });\r\n\r\n    promise.then(JSZip.loadAsync).then(\r\n        function (zip) {\r\n            zip.forEach(function (fileName) {\r\n                let file = zip.file(fileName);\r\n\r\n                \/\/ \uc555\ucd95 \ud30c\uc77c \uc548\uc5d0 \uc800\uc7a5\ub41c \ud30c\uc77c\uc774 \uc555\ucd95\uc774 \ud480\ub9ac\uace0 ArrayBuffer \ud0c0\uc785\uc73c\ub85c \uc804\ub2ec\ub428\r\n                file.async(\"arraybuffer\").then(\r\n                    function success(buf) {\r\n                        alert(fileName);\r\n                    },\r\n                    function error(e) {\r\n                        \/\/ \uc5d0\ub7ec\uac00 \ub098\uc168\uc2b5\ub2c8\ub2e4.\r\n                    }\r\n                );\r\n\r\n            });\r\n        }\r\n    );\r\n<\/script>\r\n<\/pre>\n<p>\uc704\uc758 \ucf54\ub4dc\uc5d0\uc11c\ub294 \uc555\ucd95 \ud30c\uc77c \uc548\uc5d0 \uc800\uc7a5\ub41c \ud558\ub098 \ud558\ub098\uc758 \ud30c\uc77c\uc5d0 \uc21c\ucc28\uc801\uc73c\ub85c \uc811\uadfc\ud574\uc11c \uc555\ucd95\uc744 \ud480\uace0, \ud480\uc5b4\uc9c4 \ub370\uc774\ud130\ub97c ArrayBuffer \ud0c0\uc785\uc73c\ub85c \uc804\ub2ec\ubc1b\ub3c4\ub85d 21\ubc88 \uc9f8 \ucf54\ub4dc\uac00 file.async(&#8220;arraybuffer&#8221;)\ub77c\uace0 \uc9c0\uc815\ub418\uc5b4 \uc788\uc73c\ub098, arraybuffer \ub300\uc2e0 string, blob\ub85c\ub3c4 \uc9c0\uc815\ud558\uc5ec \uac01\uac01 \ud14d\uc2a4\ud2b8, BLOB \ud0c0\uc785\uc73c\ub85c\ub3c4 \uc804\ub2ec\ubc1b\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ud604\ub300\uc758 \uc6f9\uc740 \ubb34\ud55c\ud55c \uc811\uadfc\uc131\uc774\ub77c\ub294 \uc7a5\uc810\uc740 \uc788\uc73c\ub098 \uc5ec\uc804\uc774 \ub370\uc2a4\ud06c\ud0d1 \ud658\uacbd\uc5d0 \ube44\ud574 \ucc98\ub9ac \uc18d\ub3c4\uac00 \ub290\ub9ac\uc9c0\ub9cc, \uc774\ub7f0 \ubb38\uc81c\uc810 \uc870\ucc28\ub3c4 \uc6f9\uc5b4\uc148\ube14\ub9ac \ub4f1\uc758 \ub2e4\uc591\ud55c \uae30\uc220\uc744 \ud1b5\ud574 \uadf9\ubcf5\ud574 \ub098\uac00\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ud5a5\ud6c4 \uba87\ub144\uc548\uc5d0 \ubaa8\ub4e0 \ud504\ub85c\uadf8\ub7a8\uc740 \uc11c\ube44\uc2a4\ud654\ub420 \uac83\uc774\ub77c\uace0 \uc0dd\uac01\ub418\uace0, \ud504\ub85c\uadf8\ub7a8\uc758 \uc11c\ube44\uc2a4\ud654\uc5d0\ub294 JavaScript\ub77c\ub294 \ud575\uc2ec\uc801\uc778 \uc5b8\uc5b4\uac00 \uc911\ucd94\uc801\uc778 \uc5ed\ud560\uc744 \ud560 \uac83\uc785\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc6f9\uc5d0\uc11c\ub294 \ub85c\uceec\uc5d0 \uc800\uc7a5\ub41c \uc5ec\ub7ec \uac1c\uc758 \ud30c\uc77c\uc744 \uc0ac\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294 \uc0ac\uc6a9\uc790\uac00 \ud574\ub2f9 \ud30c\uc77c\ub4e4\uc744 \ubaa8\ub450 \ub9c8\uc6b0\uc2a4\ub97c \ud1b5\ud55c \uc9c1\uc811\uc801\uc778 \uc120\ud0dd \ud589\uc704\uac00 \uc801\uc6a9\ub418\uc5b4\uc57c \ubcf4\uc548\uc0c1\uc5d0 \ubb38\uc81c\uac00 \ubc1c\uc0dd\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \uc774\uc5d0 \ub300\ud55c \ub300\uc548\uc740 \uc5ec\ub7ec\uac1c\uc758 \ud30c\uc77c\uc744 \ud558\ub098\uc758 \ud30c\uc77c\ub85c \ubb36\uc544 \uc555\ucd95\ud558\uace0 \uc555\ucd95\ub41c \ud30c\uc77c \ud558\ub098\uc5d0\ub9cc \uc774\ub7ec\ud55c \uc0ac\uc6a9\uc790\uc758 \uc120\ud0dd \ud589\uc704\uac00 \uc801\uc6a9\ub418\ub3c4\ub85d \ud558\ub294 \uac83\uc785\ub2c8\ub2e4. \ubb3c\ub860 \ub124\ud2b8\uc6cc\ud06c\ub97c \ud1b5\ud55c \ud30c\uc77c\uc758 \uc811\uadfc\uc5d0\ub294 \uc774\ub7ec\ud55c \ubb38\uc81c\uac00 \ubc1c\uc0dd\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \uc5ec\ud2bc, \uc5ec\ub7ec \uac1c\uc758 \ud30c\uc77c\uc774 \ud558\ub098\ub85c &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=8936\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;Javascript \uae30\ubc18\uc758 \uc555\ucd95 \ub77c\uc774\ube0c\ub7ec\ub9ac, jszip&#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],"tags":[],"class_list":["post-8936","post","type-post","status-publish","format-standard","hentry","category-javascript"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/8936","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=8936"}],"version-history":[{"count":5,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/8936\/revisions"}],"predecessor-version":[{"id":9336,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/8936\/revisions\/9336"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8936"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=8936"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=8936"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}