GET,POST METHOD \/ GET,POST \ub370\uc774\ud130 \uc804\uc1a1\ubc29\uc2dd<\/p>\n\n\n\n
package.json<\/p>\n\n\n\n
{\n \"dependencies\": {\n \"body-parser\": \"^1.20.3\",\n \"ejs\": \"^3.1.10\",\n \"express\": \"^4.21.2\",\n \"path\": \"^0.12.7\"\n }\n}\n<\/code><\/pre>\n\n\n\nserver.js<\/p>\n\n\n\n
\/*---------------------------------------------------------------------------\n\n- NODEJS-4 : get method\n- 2025.02.\n\n---------------------------------------------------------------------------*\/\n\n\/\/ module : https:\/\/www.npmjs.com\nconst ejs = require('ejs'); \/\/ https:\/\/ejs.co\nconst path = require('path'); \/\/ https:\/\/nodejs.org\/docs\/latest\/api\/path.html\nconst express = require('express'); \/\/ https:\/\/expressjs.com\/\n\nconst app = express();\nconst port = 3000; \n\n\/\/ ejs\napp.set('view engine','ejs');\napp.set('views','.\/public');\n\n\/\/ static directory\n\/\/ app.use(express.static(path.join(__dirname, \"public\")));\n\n\/*---------------------------------------------------------------------------\n Start route\n---------------------------------------------------------------------------*\/\n\napp.get('\/', (req, res) => {\n \/\/res.send('Hello, World!');\n res.sendFile(path.join(__dirname, \"\/html\", \"\/index.html\")); \/\/ html directory,index.html\n\n console.log(\"log:index1.html\");\n console.log(`log: filename : ${__filename}`); \/\/ server.js\n console.log(`log: path:${__dirname}`); \/\/ directory path\n});\n\napp.get('\/view1', (req, res) => {\n res.render('view1'); \/\/ ejs file\n});\n\napp.get('\/get1', (req, res) => {\n const id = req.query.id;\n const name = req.query.name;\n\n console.log(`id: ${id}`)\n console.log(`name : ${name}`)\n res.render('get1',{fid: id,fname: name}); \n});\n\n\n\/*---------------------------------------------------------------------------\n Start Server\n---------------------------------------------------------------------------*\/\n\n\/\/ Start the server\napp.listen(port, () => {\n console.log(`Server listening at http:\/\/localhost:${port}`);\n});\n\n<\/code><\/pre>\n\n\n\nserver2.js<\/p>\n\n\n\n
\/*---------------------------------------------------------------------------\n\n- NODEJS-4 : get,post method\n- 2025.02.\n\n---------------------------------------------------------------------------*\/\n\n\/\/ module : https:\/\/www.npmjs.com\nvar bodyParser = require('body-parser'); \/\/ POST,https:\/\/github.com\/expressjs\/body-parser#readme\nconst ejs = require('ejs'); \/\/ https:\/\/ejs.co\nconst path = require('path'); \/\/ https:\/\/nodejs.org\/docs\/latest\/api\/path.html\nconst express = require('express'); \/\/ https:\/\/expressjs.com\/\n\nconst app = express();\nconst port = 3000; \n\n\/\/ ejs\napp.set('view engine','ejs');\napp.set('views','.\/public');\n\n\/\/ static directory\n\/\/ app.use(express.static(path.join(__dirname, \"public\")));\n\n\/\/ post method\napp.use(express.urlencoded({ extended: true })); \/\/ For form post method\napp.use(express.json()); \/\/ For parsing JSON data\n\n\/*---------------------------------------------------------------------------\n Start route\n---------------------------------------------------------------------------*\/\n\napp.get('\/', (req, res) => {\n \/\/res.send('Hello, World!');\n res.sendFile(path.join(__dirname, \"\/html\", \"\/index.html\"));\n\n console.log(\"log:index1.html\");\n console.log(`log: filename : ${__filename}`); \/\/ server.js\n console.log(`log: path:${__dirname}`); \/\/ directory path\n});\n\napp.get('\/view1', (req, res) => {\n res.render('view1'); \/\/ ejs file\n});\n\napp.get('\/get1', (req, res) => {\n const id = req.query.id; \n console.log(`id: ${id}`)\n res.render('get1',{fid: id}); \/\/ ejs file\n});\n\n\/\/---------------------------------------------------------------\n\napp.get('\/form', (req, res) => {\n res.send(`\n <form method=\"POST\" action=\"\/formProc\">\n <label for=\"name\">Name:<\/label>\n <input type=\"text\" id=\"name\" name=\"name\"><br><br>\n\n <label for=\"email\">Email:<\/label>\n <input type=\"email\" id=\"email\" name=\"email\"><br><br>\n <button type=\"submit\">Submit<\/button>\n <\/form>\n `);\n});\n\napp.post(\"\/formProc\", (req, res) => {\n \n const name = req.body.name;\n const email = req.body.email;\n\n console.log(`form name : ${name}`)\n console.log(`form email : ${email}`)\n res.render('post1',{fname: name,femail: email});\n});\n\n\/\/---------------------------------------------------------------\napp.get('\/formapi', (req, res) => {\n res.send(`\n <form method=\"POST\" action=\"\/api\">\n <label for=\"api\">API<\/label><br><br>\n <label for=\"name\">Name:<\/label>\n <input type=\"text\" id=\"name\" name=\"name\"><br><br>\n\n <label for=\"email\">Email:<\/label>\n <input type=\"email\" id=\"email\" name=\"email\"><br><br>\n <button type=\"submit\">Submit<\/button>\n <\/form>\n `);\n});\n\n\napp.post('\/api', (req, res) => {\n console.log(\"Received JSON data:\", req.body);\n\n res.json({ message: \"Data received successfully!\", data: req.body }); \/\/ Send JSON response\n});\n\n\n\/*---------------------------------------------------------------------------\n Start Server\n---------------------------------------------------------------------------*\/\n\n\/\/ Start the server\napp.listen(port, () => {\n console.log(`Server listening at http:\/\/localhost:${port}`);\n});\n\n<\/code><\/pre>\n\n\n\n\/html\/index.html<\/p>\n\n\n\n
<h3>index.html<\/h3>\n<\/code><\/pre>\n\n\n\n\/public\/get1.ejs<\/p>\n\n\n\n
<h3>get1.ejs<\/h3><br>\n<h3>fid:<%=fid%><\/h3><br>\n<h3>fname:<%=fname%><\/h3><\/code><\/pre>\n\n\n\n\/public\/post1.ejs<\/p>\n\n\n\n
<h3>post1.ejs<\/h3><br>\n<h3>name : <%=fname%><\/h3><br>\n<h3>email : <%=femail%><\/h3>\n<\/code><\/pre>\n\n\n\n\/public\/view1.ejs<\/p>\n\n\n\n
<h3>view1.ejs<\/h3><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"GET,POST METHOD \/ GET,POST \ub370\uc774\ud130 \uc804\uc1a1\ubc29\uc2dd package.json server.js server2.js \/html\/index.html \/public\/get1.ejs \/public\/post1.ejs \/public\/view1.ejs<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,1],"tags":[],"class_list":["post-1142","post","type-post","status-publish","format-standard","hentry","category-nodejs","category-uncategorized","missing-thumbnail"],"_links":{"self":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/1142","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=1142"}],"version-history":[{"count":3,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/1142\/revisions"}],"predecessor-version":[{"id":1157,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/1142\/revisions\/1157"}],"wp:attachment":[{"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=1142"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/categories?post=1142"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.freelifemakers.org\/wordpress\/index.php\/wp-json\/wp\/v2\/tags?post=1142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}