<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/qs\/6.12.1\/qs.min.js\" \n integrity=\"sha512-vuLOE4Fh9lfxaN9n81Vl1HwrqMYz9WKoNmsHNC7Hz7OWX4k4O7FjCyQ1tQ82RJExao+Fas40RLiS5PCfVRGgnQ==\" \n crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"><\/script><\/code><\/pre>\n\n\n\n– querystring\uc5d0\uc11c id,name\uc744 \uac00\uc9c0\uace0 \uc635\ub2c8\ub2e4.
– querysting\uc740 \uc8fc\uc18c\uc758 ?\uc640 \uadf8 \ub4b7 \ubd80\ubd84\uc744 \uc758\ubbf8\ud569\ub2c8\ub2e4.
– ignoreQueryPrefix: true \uc774 \uc635\uc158\uc740 querystring\uc5d0\uc11c ?\ub97c \uc81c\uac70\ud558\ub294 \uc635\uc158\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n
– Get id and name from querystring.
– querysting means the ? and the part after it in the address.
– ignoreQueryPrefix: true This option removes ? from the querystring.<\/p>\n\n\n\n
const { id, name } = Qs.parse(location.search, {\n ignoreQueryPrefix: true,\n });<\/code><\/pre>\n\n\n\n2.\uc804\uccb4\ucf54\ub4dc(full coce)<\/strong><\/p>\n\n\n\nserver_data.js\n\n\/\/server_data.js\nconst http = require('http');\nconst express = require('express');\nconst app = express();\nconst server = http.createServer(app);\n\n\/* routing *\/\napp.use(express.static(__dirname+\"\/public\"));\n\n\n\/\/ Start the server\nconst PORT = process.env.PORT || 3000;\nserver.listen(PORT, () => {\n console.log(`CommonJS(Express) Server is running on port ${PORT}`);\n});\n<\/code><\/pre>\n\n\n\nindex.html\n\n<html>\n <head> \n <title>index.html<\/title>\n <\/head>\n <body>\n <a href=\"get.html?id=202405&name=hellowworld!\">querystring<\/a>\n <\/body>\n<\/html><\/code><\/pre>\n\n\n\nget.html\n\n<html>\n <head> \n <title>get.html<\/title>\n <\/head>\n <body>\n <div id=\"getid\"><\/div>\n <div id=\"getname\"><\/div>\n <\/body>\n\n <!--https:\/\/cdnjs.com\/libraries\/qs-->\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/qs\/6.12.1\/qs.min.js\" \n integrity=\"sha512-vuLOE4Fh9lfxaN9n81Vl1HwrqMYz9WKoNmsHNC7Hz7OWX4k4O7FjCyQ1tQ82RJExao+Fas40RLiS5PCfVRGgnQ==\" \n crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"><\/script><\/mark>\n <script> \n const { id, name } = Qs.parse(location.search, {\n ignoreQueryPrefix: true,\n });<\/mark>\n\n <\/mark> document.getElementById('getid').innerHTML = `${id}`;\n document.getElementById('getname').innerHTML = `${name}`;<\/mark>\n console.log(id,name);\n <\/script>\n\n<\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"\ub2e4\ub978 \ubd80\ubd84\uc740 \uc774\uc804 \ubd80\ubd84\ub4e4\uacfc \uc911\ubcf5\ub418\uae30 \ub54c\ubb38\uc5d0 \uc124\uba85\uc744 \uc0dd\ub7b5\ud569\ub2c8\ub2e4.\uc911\uc694\ud558\uac8c \ubd10\uc57c \ud560 \ubd80\ubd84\uc740 \ub179\uc0c9 \uceec\ub7ec \ubd80\ubd84\uacfc \uac08\uc0c9 \uceec\ub7ec \ubd80\ubd84\uc785\ub2c8\ub2e4. The explanation of other parts is omitted because they overlap with the previous parts.The important parts to look at are the green colored part and the brown colored part. 1.QS– get\ubc29\uc2dd \ub370\uc774\ud130 \uc804\uc1a1\uc744 \uc0ac\uc6a9\ud558\ub824\uba74 qs\ubaa8\ub4c8\uc774 \ud544\uc694\ud55c\ub370 \uc11c\ubc84\ubd80\ubd84\uc740 \ubaa8\ub4c8\uc744 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-598","post","type-post","status-publish","format-standard","hentry","category-nodejs","missing-thumbnail"],"_links":{"self":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/598","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/comments?post=598"}],"version-history":[{"count":7,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/598\/revisions"}],"predecessor-version":[{"id":606,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/598\/revisions\/606"}],"wp:attachment":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=598"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/categories?post=598"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/tags?post=598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}