{"id":13305,"date":"2022-12-29T11:52:33","date_gmt":"2022-12-29T02:52:33","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=13305"},"modified":"2023-08-04T09:33:56","modified_gmt":"2023-08-04T00:33:56","slug":"node-js%eb%a1%9c-server-%ea%b0%9c%eb%b0%9c-%ed%94%84%eb%a1%9c%ec%a0%9d%ed%8a%b8-%ec%83%9d%ec%84%b1-%ec%a0%88%ec%b0%a8","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=13305","title":{"rendered":"node.js\ub85c server \uac1c\ubc1c \ud504\ub85c\uc81d\ud2b8 \uc0dd\uc131 \uc808\ucc28"},"content":{"rendered":"

\ud504\ub85c\uc81d\ud2b8 \ud3f4\ub354\ub97c \ub9cc\ub4e4\uc5b4 VS.Code\uc5d0\uc11c \uc624\ud508 \ud6c4 package.json \ud30c\uc77c \uc0dd\uc131\uc744 \uc704\ud574 \ud130\ubbf8\ub110\uc5d0\uc11c \ub2e4\uc74c \uba85\ub839\uc744 \uc2e4\ud589\ud55c \ub4a4\uc5d0 \uc0dd\uc131\ub41c \ud30c\uc77c\uc744 \ud3b8\uc9d1\ud568<\/p>\n

npm init -y<\/code><\/p>\n

\r\n{\r\n  \"name\": \"tstServer\",\r\n  \"version\": \"1.0.0\",\r\n  \"description\": \"\",\r\n  \"keywords\": [],\r\n  \"author\": \"\",\r\n  \"license\": \"ISC\"\r\n}\r\n<\/pre>\n
nodemon \uc124\uce58\ub97c \uc704\ud574 \ub2e4\uc74c \uba85\ub839 \uc2e4\ud589<\/p>\n
npm i nodemon -D<\/code><\/p>\n
babel.config.json \ud30c\uc77c\uacfc nodemon.json \ud30c\uc77c\uc744 \uc0dd\uc131\ud558\uace0 \uac01\uac01 \ub2e4\uc74c \ub0b4\uc6a9\uc73c\ub85c \uc785\ub825<\/p>\n
\r\n{\r\n    \"presets\": [ \"@babel\/preset-env\" ]\r\n}\r\n<\/pre>\n
\r\n{\r\n    \"exec\": \"babel-node src\/index.js\"\r\n}\r\n<\/pre>\n
babel \uc124\uce58\ub97c \uc704\ud574 \ub2e4\uc74c \uba85\ub839 \uc2e4\ud589<\/p>\n
npm i @babel\/core @babel\/cli @babel\/node  @babel\/preset-env -D<\/code><\/p>\n
express \uc124\uce58\ub97c \uc704\ud574 \ub2e4\uc74c \uba85\ub839 \uc2e4\ud589<\/p>\n
npm i express<\/code><\/p>\n
\ud544\uc694\ud560 \uacbd\uc6b0 pug \uc124\uce58\ub97c \uc704\ud574 \ub2e4\uc74c \uba85\ub839 \uc2e4\ud589<\/p>\n
npm i pug<\/code><\/p>\n
package.json\uc5d0 \uc124\uce58\ub41c \ud56d\ubaa9\uc5d0 \ub300\ud55c \uc885\uc18d\uc131(Dependency)\uac00 \uc874\uc7ac\ud558\ub294\uc9c0 \ud655\uc778\ud558\uace0 \ub2e4\uc74c\ucc98\ub7fc scripts \uc18d\uc131\uc744 \ucd94\uac00(\ub610\ub294 \ubcc0\uacbd)<\/p>\n
\r\n{\r\n  \"name\": \"tstServer\",\r\n\r\n  ..\r\n\r\n  \"scripts\": {\r\n    \"dev\": \"nodemon\"\r\n  },\r\n\r\n  \"devDependencies\": {\r\n    \"@babel\/cli\": \"^7.20.7\",\r\n    \"@babel\/core\": \"^7.20.7\",\r\n    \"@babel\/node\": \"^7.20.7\",\r\n    \"@babel\/preset-env\": \"^7.20.2\",\r\n    \"nodemon\": \"^2.0.20\"\r\n  },\r\n  \"dependencies\": {\r\n    \"express\": \"^4.18.2\",\r\n    \"pug\": \"^3.0.2\"\r\n  }\r\n}\r\n<\/pre>\n
src \ud3f4\ub354 \ub9cc\ub4e4\uc5b4 \uc8fc\uace0 index.js \ud30c\uc77c \uc0dd\uc131\ud558\uace0 \ub2e4\uc74c\ucc98\ub7fc \uc785\ub825<\/p>\n
\r\nimport express from \"express\";\r\n\r\nconst app = express();\r\n\r\n\r\nconst port = 7777;\r\nconst handleListen = () => console.log(`Listening on http:\/\/localhost:${port}`)\r\napp.listen(port, handleListen);\r\n<\/pre>\n
\ub2e4\uc74c \uba85\ub839\uc744 \uc2e4\ud589\ud558\uc5ec \uc11c\ubc84 \uc2e4\ud589\ud558\uace0 \uc6f9\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c http:\/\/localhost:7777\/\ub85c \uc811\uc18d\ud574\uc11c \ud655\uc778<\/p>\n
npm run dev<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"
\ud504\ub85c\uc81d\ud2b8 \ud3f4\ub354\ub97c \ub9cc\ub4e4\uc5b4 VS.Code\uc5d0\uc11c \uc624\ud508 \ud6c4 package.json \ud30c\uc77c \uc0dd\uc131\uc744 \uc704\ud574 \ud130\ubbf8\ub110\uc5d0\uc11c \ub2e4\uc74c \uba85\ub839\uc744 \uc2e4\ud589\ud55c \ub4a4\uc5d0 \uc0dd\uc131\ub41c \ud30c\uc77c\uc744 \ud3b8\uc9d1\ud568 npm init -y { “name”: “tstServer”, “version”: “1.0.0”, “description”: “”, “keywords”: [], “author”: “”, “license”: “ISC” } nodemon \uc124\uce58\ub97c \uc704\ud574 \ub2e4\uc74c \uba85\ub839 \uc2e4\ud589 npm i nodemon -D babel.config.json \ud30c\uc77c\uacfc nodemon.json \ud30c\uc77c\uc744 \uc0dd\uc131\ud558\uace0 \uac01\uac01 \ub2e4\uc74c \ub0b4\uc6a9\uc73c\ub85c \uc785\ub825 { … <\/p>\n
\ub354 \ubcf4\uae30 “node.js\ub85c server \uac1c\ubc1c \ud504\ub85c\uc81d\ud2b8 \uc0dd\uc131 \uc808\ucc28”<\/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":[142],"tags":[],"class_list":["post-13305","post","type-post","status-publish","format-standard","hentry","category-node-js"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/13305","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=13305"}],"version-history":[{"count":10,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/13305\/revisions"}],"predecessor-version":[{"id":13988,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/13305\/revisions\/13988"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13305"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=13305"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=13305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}