{"id":38372,"date":"2024-11-01T17:18:00","date_gmt":"2024-11-01T17:18:00","guid":{"rendered":"http:\/\/atmokpo.com\/w\/?p=38372"},"modified":"2024-11-26T06:44:30","modified_gmt":"2024-11-26T06:44:30","slug":"express-%ea%b0%9c%eb%b0%9c-%ea%b0%95%ec%a2%8c-%ea%b8%b0%eb%b3%b8-express-%ec%84%9c%eb%b2%84-%ec%84%a4%ec%a0%95-%eb%b0%8f-%ec%8b%a4%ed%96%89","status":"publish","type":"post","link":"https:\/\/atmokpo.com\/w\/38372\/","title":{"rendered":"Express \uac1c\ubc1c \uac15\uc88c, \uae30\ubcf8 Express \uc11c\ubc84 \uc124\uc815 \ubc0f \uc2e4\ud589"},"content":{"rendered":"

<\/p>\n

Express.js\ub294 Node.js\ub97c \uc704\ud55c \ube60\ub974\uace0 \ubd88\uc5b4\uce5c \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \ud504\ub808\uc784\uc6cc\ud06c\ub85c\uc11c, \uc6f9 \uc11c\ubc84\uc758 \uae30\ubcf8 \uad6c\uc870\ub97c \uc27d\uac8c \uad6c\ucd95\ud560 \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc90d\ub2c8\ub2e4. \uc774 \uac15\uc88c\uc5d0\uc11c\ub294 Express \uc11c\ubc84\ub97c \uc124\uc815\ud558\uace0 \uc2e4\ud589\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc0c1\uc138\ud788 \uc124\uba85\ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n

1. Express.js\ub780?<\/h2>\n

Express.js\ub294 \ub300\uaddc\ubaa8 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uad6c\ucd95\uc744 \uc704\ud55c \uc720\uc5f0\ud558\uace0 \ubaa8\ub4c8\ud654\ub41c \uc6f9 \ud504\ub808\uc784\uc6cc\ud06c\uc785\ub2c8\ub2e4. RESTful API, \uc6f9\uc0ac\uc774\ud2b8 \ubc0f \uae30\ud0c0 \uc11c\ubc84\uce21 \uc751\uc6a9 \ud504\ub85c\uadf8\ub7a8\uc744 \uad6c\ucd95\ud558\ub294 \ub370 \uc801\ud569\ud569\ub2c8\ub2e4. Express\ub294 \ubbf8\ub4e4\uc6e8\uc5b4(layer)\ub97c \uc774\uc6a9\ud574 \uc694\uccad(request)\uacfc \uc751\ub2f5(response)\uc744 \ucc98\ub9ac\ud560 \uc218 \uc788\uc73c\uba70, \ub77c\uc6b0\ud305(\ub77c\uc6b0\ud2b8 \uc124\uc815), \uc624\ub958 \ucc98\ub9ac, \uc694\uccad \ubcf8\ubb38(movie) \ubd84\uc11d \ub4f1\uc744 \ud6a8\uc728\uc801\uc73c\ub85c \uc218\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

2. \uac1c\ubc1c \ud658\uacbd \uc124\uc815<\/h2>\n

Express \uc11c\ubc84\ub97c \uc124\uc815\ud558\uae30 \uc704\ud574\uc11c\ub294 Node.js\uc640 npm(Node Package Manager)\uc774 \ud544\uc694\ud569\ub2c8\ub2e4. \uc544\ub798\ub294 \uac1c\ubc1c \ud658\uacbd \uc124\uc815\uc744 \uc704\ud55c \ub2e8\uacc4\ub97c \uc18c\uac1c\ud569\ub2c8\ub2e4.<\/p>\n

2.1 Node.js \uc124\uce58<\/h3>\n

Node.js\ub294 Express\uc758 \uae30\ubc18\uc774 \ub418\ub294 JavaScript \ub7f0\ud0c0\uc784\uc785\ub2c8\ub2e4. Node.js\ub97c \uc124\uce58\ud558\ub824\uba74 \ub2e4\uc74c \ub9c1\ud06c\ub97c \ubc29\ubb38\ud574 \uc6b4\uc601 \uccb4\uc81c\uc5d0 \ub9de\ub294 \uc124\uce58 \ud30c\uc77c\uc744 \ub2e4\uc6b4\ub85c\ub4dc\ud558\uace0 \uc124\uce58\ud558\uc138\uc694: Node.js \uacf5\uc2dd \uc0ac\uc774\ud2b8<\/a>.<\/p>\n

2.2 npm \ud655\uc778 \ubc0f \uc124\uce58<\/h3>\n

Node.js\ub97c \uc124\uce58\ud558\uba74 npm\ub3c4 \uac19\uc774 \uc124\uce58\ub429\ub2c8\ub2e4. \ud130\ubbf8\ub110 \ub610\ub294 \uba85\ub839 \ud504\ub86c\ud504\ud2b8\ub97c \uc5f4\uace0 \ub2e4\uc74c \uba85\ub839\uc5b4\ub97c \uc785\ub825\ud558\uc5ec npm\uc774 \uc815\uc0c1\uc801\uc73c\ub85c \uc124\uce58\ub418\uc5c8\ub294\uc9c0 \ud655\uc778\ud569\ub2c8\ub2e4.<\/p>\n

node -v<\/code><\/pre>\n
npm -v<\/code><\/pre>\n
3. Express \ud504\ub85c\uc81d\ud2b8 \uc0dd\uc131<\/h2>\n
\uc774\uc81c Express \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \ud504\ub85c\uc81d\ud2b8 \ub514\ub809\ud1a0\ub9ac\ub97c \ub9cc\ub4e4\uace0, \uadf8 \ub514\ub809\ud1a0\ub9ac\ub85c \uc774\ub3d9\ud569\ub2c8\ub2e4.<\/p>\n
mkdir express-server-example<\/code><\/pre>\n
cd express-server-example<\/code><\/pre>\n
3.1 npm \ucd08\uae30\ud654<\/h3>\n
\ub2e4\uc74c\uc73c\ub85c npm init<\/code> \uba85\ub839\uc5b4\ub97c \uc785\ub825\ud558\uc5ec \ud504\ub85c\uc81d\ud2b8\uc758 package.json \ud30c\uc77c\uc744 \uc0dd\uc131\ud569\ub2c8\ub2e4. \uc774 \uacfc\uc815\uc5d0\uc11c \ud504\ub85c\uc81d\ud2b8\uc5d0 \ub300\ud55c \uc815\ubcf4\ub4e4\uc744 \uc785\ub825\ud558\uac8c \ub429\ub2c8\ub2e4. \ud544\uc694\ud55c \ub0b4\uc6a9\uc744 \uc785\ub825\ud55c \ud6c4, \uc0dd\uc131\ub41c package.json \ud30c\uc77c\uc740 \ud504\ub85c\uc81d\ud2b8\uc758 \uba54\ud0c0\ub370\uc774\ud130\ub97c \ud3ec\ud568\ud569\ub2c8\ub2e4.<\/p>\n
npm init -y<\/code><\/pre>\n
3.2 Express \uc124\uce58<\/h3>\n
\uc774\uc81c Express \ud328\ud0a4\uc9c0\ub97c \uc124\uce58\ud569\ub2c8\ub2e4. \ub2e4\uc74c \uba85\ub839\uc5b4\ub97c \uc2e4\ud589\ud558\uc5ec Express\ub97c \uc124\uce58\ud569\ub2c8\ub2e4.<\/p>\n
npm install express<\/code><\/pre>\n
4. \uae30\ubcf8 Express \uc11c\ubc84 \uc124\uc815<\/h2>\n
Express\uac00 \uc124\uce58\ub418\uc5c8\uc73c\ub2c8, \uc774\uc81c \uae30\ubcf8\uc801\uc778 \uc11c\ubc84\ub97c \uc124\uc815\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \ud504\ub85c\uc81d\ud2b8 \ub514\ub809\ud1a0\ub9ac \ub0b4\uc5d0 app.js<\/code>\ub77c\ub294 \ud30c\uc77c\uc744 \uc0dd\uc131\ud569\ub2c8\ub2e4.<\/p>\n
touch app.js<\/code><\/pre>\n
4.1 Express \uc11c\ubc84 \uad6c\uc131<\/h3>\n
app.js<\/code> \ud30c\uc77c\uc744 \uc5f4\uace0 \uc544\ub798\uc640 \uac19\uc740 \uae30\ubcf8 \ucf54\ub4dc\ub97c \uc791\uc131\ud569\ub2c8\ub2e4:<\/p>\n
const express = require('express');\nconst app = express();\nconst PORT = process.env.PORT || 3000;\n\n\/\/ \uae30\ubcf8 \uacbd\ub85c \uc124\uc815\napp.get('\/', (req, res) => {\n    res.send('\uc548\ub155\ud558\uc138\uc694, Express \uc11c\ubc84\uac00 \uc2e4\ud589 \uc911\uc785\ub2c8\ub2e4!');\n});\n\n\/\/ \uc11c\ubc84 \uc2e4\ud589\napp.listen(PORT, () => {\n    console.log(`\uc11c\ubc84\uac00 http:\/\/localhost:${PORT}\uc5d0\uc11c \uc2e4\ud589 \uc911\uc785\ub2c8\ub2e4.`);\n});<\/code><\/pre>\n
4.2 \ucf54\ub4dc \uc124\uba85<\/h3>\n