{"id":903,"date":"2018-08-14T10:45:14","date_gmt":"2018-08-14T19:45:14","guid":{"rendered":"\/blog\/?p=903"},"modified":"2023-09-21T09:37:29","modified_gmt":"2023-09-21T00:37:29","slug":"%ea%b5%ac%ea%b8%80%eb%93%9c%eb%9d%bc%ec%9d%b4%eb%b8%8c-%eb%82%b4-%ec%9d%b4%eb%af%b8%ec%a7%80-%ec%99%b8%eb%b6%80%ec%97%90%ec%84%9c-%eb%a7%81%ed%81%ac%ea%b1%b8%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/hasu0707.duckdns.org\/blog\/?p=903","title":{"rendered":"\uad6c\uae00\ub4dc\ub77c\uc774\ube0c \ub0b4 \uc774\ubbf8\uc9c0 \uc678\ubd80\uc5d0\uc11c \ub9c1\ud06c\uac78\uae30"},"content":{"rendered":"\n<!-- Latest compiled and minified CSS -->\n<link crossorigin=\"anonymous\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.7\/css\/bootstrap.min.css\" integrity=\"sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz\/K68vbdEjh4u\" rel=\"stylesheet\" \/>\n<style type=\"text\/css\">#converter {\n        padding: 20px 20px;\n        border-radius: 5px;\n        background-color: #f8f8f8;\n        width: 100%;\n        padding: 15px 15px;\n    }\n\n    #converter textarea {\n        display: block;\n        white-space: wrap;\n        border: 1px solid #888;\n        border-radius: 5px;\n        margin-bottom: 10px;\n        padding: 5px 5px;\n        width: 100%;\n        height: 60px;\n    }\n\n    #converter label {\n        font-weight: bold;\n        color: #333;\n    }\n\n    #converter button {\n        font-weight: bold;\n    }\n\n    #btn-convert {\n        width: 100%;\n    }\n\n    #convert-result {\n        margin-top: 20px;\n    }\n<\/style>\n<div id=\"converter\">\n<p>\ucd9c\ucc98:&nbsp;<a href=\"http:\/\/www.somanet.xyz\/2017\/06\/blog-post_21.html\" target=\"_blank\" rel=\"noopener\">http:\/\/www.somanet.xyz\/2017\/06\/blog-post_21.html<\/a><\/p>\n\n<p>&nbsp;<\/p>\n\n<p>\uc0ac\uc6a9\ubc29\ubc95: \uad6c\uae00 \ub4dc\ub77c\uc774\ube0c\uc5d0\uc11c \ud574\ub2f9 \uc774\ubbf8\uc9c0 \ud30c\uc77c\uc5d0 \ud31d\uc5c5\uba54\ub274\ub97c \ub744\uc6cc &quot;<strong>\uacf5\uc720 \uac00\ub2a5\ud55c \ub9c1\ud06c \uac00\uc838\uc624\uae30<\/strong>&quot;\ub85c \uac00\uc838\uc628 \ub9c1\ud06c\ub97c Google Drive Path\uc5d0 \ub123\ub294\ub2e4.<\/p>\n\n<p>&nbsp;<\/p>\n\n<p><label>Google Drive path<\/label><\/p>\n<textarea id=\"gd-url\" placeholder=\"Input Google Drive Url\"><\/textarea><button class=\"btn btn-primary\" id=\"btn-convert\">Make Google Drive Path Linkable<\/button>\n\n<div id=\"convert-result\"><label for=\"result\">Linkable Image path<\/label><textarea id=\"result\" name=\"result\" readonly=\"readonly\"><\/textarea><button class=\"btn btn-success pull-right\" data-clipboard-target=\"#result\" id=\"btn-save-result-cb\">Save to Clipboard<\/button><br \/>\n<br \/>\n<label for=\"result-img-tag\">Image Tag<\/label><textarea id=\"result-img-tag\" name=\"result\" readonly=\"readonly\"><\/textarea><button class=\"btn btn-success pull-right\" data-clipboard-target=\"#result-img-tag\" id=\"btn-save-result-img-tag-cb\">Save to Clipboard<\/button><\/div>\n<br \/>\n<br \/>\n&nbsp;\n<p align=\"center\"><b>Preview image<\/b><\/p>\n\n<p align=\"center\"><img decoding=\"async\" alt=\"image preview\" class=\"img-thumbnail\" id=\"preview\" src=\"https:\/\/www.google.com\/drive\/static\/images\/drive\/logo-drive.png\" style=\"max-width: 200px\" \/><\/p>\n<\/div>\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.2.1\/jquery.min.js\"><\/script><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/clipboard.js\/1.7.1\/clipboard.min.js\"><\/script><script>\n    var gdUrl = $(\"#gd-url\");\n    $(\"#btn-convert\").on(\"click\", function(event) {\n        if (!isValidUrl(gdUrl.val())) {\n            alert(\"You have inputted invalid path.\");\n            gdUrl.val(\"\");\n            return;\n        }\n        var gdId = getParameterByName(\"id\", gdUrl.val());\n        var prefix = \"http:\/\/drive.google.com\/uc?export=view&id=\";\n        $(\"#result\").val(prefix + gdId);\n        $(\"#result-img-tag\").val(\n            \"<img src='\" +\n            prefix + gdId +\n            \"' \/><br>\");\n        $(\"#preview\").attr(\"src\", prefix + gdId);\n    });\n    var clipboard = new Clipboard('.btn');\n    clipboard.on('success', function(e) {\n        console.info('Action:', e.action);\n        console.info('Text:', e.text);\n        console.info('Trigger:', e.trigger);\n        e.clearSelection();\n    });\n    clipboard.on('error', function(e) {\n        console.error('Action:', e.action);\n        console.error('Trigger:', e.trigger);\n    });\n    \/\/ validity check. ref: https:\/\/gist.github.com\/jlong\/2428561\n    function isValidUrl(url) {\n        \/\/ to be impl...\n        var parser = document.createElement('a');\n        parser.href = url;\n        if (url === '' || parser.hostname !== \"drive.google.com\" || !parser.search.includes(\"?id=\"))\n            return false;\n        return true;\n    }\n\n    function getParameterByName(name, url) {\n        if (!url) url = window.location.href;\n        name = name.replace(\/[\\[\\]]\/g, \"\\\\$&\");\n        var regex = new RegExp(\"[?&]\" + name + \"(=([^&#]*)|&|#|$)\"),\n            results = regex.exec(url);\n        if (!results) return null;\n        if (!results[2]) return '';\n        return decodeURIComponent(results[2].replace(\/\\+\/g, \" \"));\n    }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\ucd9c\ucc98:&nbsp;http:\/\/www.somanet.xyz\/2017\/06\/blog-post_21.html &nbsp; \uc0ac\uc6a9\ubc29\ubc95: \uad6c\uae00 \ub4dc\ub77c\uc774\ube0c\uc5d0\uc11c \ud574\ub2f9 \uc774\ubbf8\uc9c0 \ud30c\uc77c\uc5d0 \ud31d\uc5c5\uba54\ub274\ub97c \ub744\uc6cc &quot;\uacf5\uc720 \uac00\ub2a5\ud55c \ub9c1\ud06c \uac00\uc838\uc624\uae30&quot;\ub85c \uac00\uc838\uc628 \ub9c1\ud06c\ub97c Google Drive Path\uc5d0 \ub123\ub294\ub2e4. &nbsp; Google Drive path Make Google Drive Path Linkable Linkable Image pathSave to Clipboard Image TagSave to Clipboard &nbsp; Preview image<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[14],"tags":[],"class_list":["post-903","post","type-post","status-publish","format-standard","hentry","category-computing_tipsandtricks"],"_links":{"self":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/903","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=903"}],"version-history":[{"count":0,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/903\/revisions"}],"wp:attachment":[{"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=903"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=903"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasu0707.duckdns.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}