Node.js \uae30\ub2a5\uc744 Electron\uc5d0\uc11c \ud65c\uc6a9\ud558\ub294 \ubc29\ubc95<\/p>\n<\/header>\n \n Electron\uc740 \ub370\uc2a4\ud06c\ud0d1 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4e4\uae30 \uc704\ud55c \uac15\ub825\ud55c \ud504\ub808\uc784\uc6cc\ud06c\ub85c, \ud06c\ub85c\uc2a4 \ud50c\ub7ab\ud3fc \uc9c0\uc6d0\uc744 \ud1b5\ud574 \n Electron\uc740 GitHub\uc5d0 \uc758\ud574 \uac1c\ubc1c\ub41c \ud504\ub808\uc784\uc6cc\ud06c\ub85c, \uc6f9 \uae30\uc220\uc744 \uc774\uc6a9\ud574 \ub124\uc774\ud2f0\ube0c \ub370\uc2a4\ud06c\ud0d1 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4e4 \uc218 \uc788\uac8c \ud574\uc90d\ub2c8\ub2e4. \n Node.js\uc758 \uae30\ub2a5\uc744 Electron \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \ub0b4\uc5d0\uc11c \ud65c\uc6a9\ud558\ub294 \ubc29\ubc95\uc740 \ub2e4\uc591\ud569\ub2c8\ub2e4. \uc5ec\uae30\uc11c\ub294 \ub300\ud45c\uc801\uc778 \uc608\ub85c \ud30c\uc77c \uc2dc\uc2a4\ud15c \n Node.js\uc758 ‘fs’ \ubaa8\ub4c8\uc744 \uc0ac\uc6a9\ud558\uba74 \ud30c\uc77c \uc2dc\uc2a4\ud15c\uc5d0 \uc811\uadfc\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc544\ub798 \uc608\uc81c\ub294 Electron \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c \n ‘axios’\uc640 \uac19\uc740 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc0ac\uc6a9\ud558\uc5ec HTTP \uc694\uccad\uc744 \ud1b5\ud574 \uc678\ubd80 API\uc640 \uc0c1\ud638\uc791\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \n Electron \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c MongoDB\uc640 \uac19\uc740 \ub370\uc774\ud130\ubca0\uc774\uc2a4\uc5d0 \uc5f0\uacb0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. ‘mongoose’ \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc0ac\uc6a9\ud558\uc5ec \n Electron\uc740 \uba54\uc778 \ud504\ub85c\uc138\uc2a4\uc640 \ub80c\ub354\ub7ec \ud504\ub85c\uc138\uc2a4 \uac04\uc758 \ud1b5\uc2e0\uc744 \uc704\ud55c IPC(Inter-Process Communication)\ub97c \uc9c0\uc6d0\ud569\ub2c8\ub2e4. \n Electron\uacfc Node.js\uc758 \ud1b5\ud569\uc740 \ub370\uc2a4\ud06c\ud0d1 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uac1c\ubc1c\uc5d0 \ub9ce\uc740 \uc774\uc810\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. <\/body><\/p>\n","protected":false},"excerpt":{"rendered":"1. \uc11c\ub860<\/h2>\n
\n HTML, CSS, JavaScript\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c\ud560 \uc218 \uc788\uac8c \ud574\uc90d\ub2c8\ub2e4. Node.js\ub294 \uc11c\ubc84 \uc0ac\uc774\ub4dc\uc5d0\uc11c \uc0ac\uc6a9\ub418\ub294
\n JavaScript \ud658\uacbd\uc73c\ub85c, \ud074\ub77c\uc774\uc5b8\ud2b8\uc640 \uc11c\ubc84 \uac04\uc758 \uc0c1\ud638 \uc791\uc6a9\uc744 \ud1b5\ud569\ud560 \uc218 \uc788\uac8c \ud574\uc8fc\ub294 \uc911\uc694\ud55c \uc5ed\ud560\uc744 \uc218\ud589\ud569\ub2c8\ub2e4.
\n \uc774 \ub450 \uae30\uc220\uc744 \ud1b5\ud569\ud558\uba74 \ud48d\ubd80\ud55c \uae30\ub2a5\uc758 \ub370\uc2a4\ud06c\ud0d1 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uc27d\uac8c \uad6c\ucd95\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ubcf8 \uae00\uc5d0\uc11c\ub294
\n Electron\uacfc Node.js\ub97c \ud1b5\ud569\ud558\uc5ec Node.js \uae30\ub2a5\uc744 Electron\uc5d0\uc11c \ud65c\uc6a9\ud558\ub294 \uad6c\uccb4\uc801\uc778 \ubc29\ubc95\uc744 \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.\n <\/p>\n<\/section>\n2. Electron\uacfc Node.js\uc758 \uac1c\uc694<\/h2>\n
\n Node.js\ub294 Chrome V8 JavaScript \uc5d4\uc9c4\uc744 \uae30\ubc18\uc73c\ub85c \ud558\uba70, \ube44\ub3d9\uae30 \uc774\ubca4\ud2b8 \uae30\ubc18 \uc544\ud0a4\ud14d\ucc98\ub97c \ud1b5\ud574 \ube60\ub978 \ub370\uc774\ud130 \ucc98\ub9ac\uc640
\n \ud6a8\uc728\uc801\uc778 \uc11c\ubc84 \uad6c\ucd95\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4. \ub450 \uae30\uc220\uc758 \ud1b5\ud569\uc740 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uc131\ub2a5\uacfc \ud6a8\uc728\uc131\uc744 \ud06c\uac8c \ud5a5\uc0c1\uc2dc\ud0ac \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n<\/section>\n3. Electron\uacfc Node.js \ud1b5\ud569\uc758 \uc774\uc810<\/h2>\n
\n
4. Node.js \uae30\ub2a5\uc744 Electron\uc5d0\uc11c \ud65c\uc6a9\ud558\ub294 \ubc29\ubc95<\/h2>\n
\n \uc811\uadfc, HTTP \uc694\uccad, \ub370\uc774\ud130\ubca0\uc774\uc2a4 \uc5f0\uacb0 \ub4f1\uc758 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc124\uba85\ud558\uaca0\uc2b5\ub2c8\ub2e4.\n <\/p>\n<\/section>\n4.1 \ud30c\uc77c \uc2dc\uc2a4\ud15c \uc811\uadfc<\/h3>\n
\n \ud30c\uc77c\uc744 \uc77d\uace0 \uc4f0\ub294 \ubc29\ubc95\uc744 \ubcf4\uc5ec\uc90d\ub2c8\ub2e4.\n <\/p>\n\n
\nconst { app, BrowserWindow } = require('electron');\nconst fs = require('fs');\nconst path = require('path');\n\nfunction createWindow () {\n const win = new BrowserWindow({\n width: 800,\n height: 600,\n webPreferences: {\n nodeIntegration: true\n }\n });\n\n win.loadFile('index.html');\n \n \/\/ \ud30c\uc77c \uc77d\uae30\n fs.readFile(path.join(__dirname, 'example.txt'), 'utf8', (err, data) => {\n if (err) throw err;\n console.log(data);\n });\n\n \/\/ \ud30c\uc77c \uc4f0\uae30\n fs.writeFile(path.join(__dirname, 'output.txt'), 'Hello, World!', (err) => {\n if (err) throw err;\n console.log('\ud30c\uc77c\uc774 \uc800\uc7a5\ub418\uc5c8\uc2b5\ub2c8\ub2e4!');\n });\n}\n\napp.whenReady().then(createWindow);\n <\/code>\n <\/pre>\n<\/section>\n4.2 HTTP \uc694\uccad<\/h3>\n
\n \uc544\ub798 \uc608\uc81c\ub294 HTTP GET \uc694\uccad\uc744 \uc218\ud589\ud558\ub294 \ubc29\ubc95\uc744 \ubcf4\uc5ec\uc90d\ub2c8\ub2e4.\n <\/p>\n\n
\nconst axios = require('axios');\n\naxios.get('https:\/\/api.example.com\/data')\n .then(response => {\n console.log(response.data);\n })\n .catch(error => {\n console.error('\uc5d0\ub7ec \ubc1c\uc0dd:', error);\n });\n <\/code>\n <\/pre>\n<\/section>\n4.3 \ub370\uc774\ud130\ubca0\uc774\uc2a4 \uc5f0\uacb0<\/h3>\n
\n \ub370\uc774\ud130\ubca0\uc774\uc2a4 \uc791\uc5c5\uc744 \uc218\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n\n
\nconst mongoose = require('mongoose');\n\nmongoose.connect('mongodb:\/\/localhost:27017\/mydatabase', { useNewUrlParser: true, useUnifiedTopology: true })\n .then(() => console.log('DB\uc5d0 \uc5f0\uacb0\ub418\uc5c8\uc2b5\ub2c8\ub2e4'))\n .catch(err => console.error('DB \uc5f0\uacb0 \uc624\ub958:', err));\n <\/code>\n <\/pre>\n<\/section>\n5. Electron \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c Node.js\uc640\uc758 \ud1b5\uc2e0<\/h2>\n
\n \uc774\ub294 \uba54\uc778 \ud504\ub85c\uc138\uc2a4\uc5d0\uc11c Node.js\uc758 \uae30\ub2a5\uc744 \ud638\ucd9c\ud558\uace0 \uacb0\uacfc\ub97c \ub80c\ub354\ub7ec \ud504\ub85c\uc138\uc2a4\ub85c \uc804\ub2ec\ud560 \uc218 \uc788\uac8c \ud574\uc90d\ub2c8\ub2e4.\n <\/p>\n\n
\nconst { ipcMain } = require('electron');\n\n\/\/ \uba54\uc778 \ud504\ub85c\uc138\uc2a4\nipcMain.on('file-read', (event, filePath) => {\n fs.readFile(filePath, 'utf8', (err, data) => {\n if (err) {\n event.reply('file-read-reply', 'error');\n } else {\n event.reply('file-read-reply', data);\n }\n });\n});\n <\/code>\n <\/pre>\n<\/section>\n6. \uacb0\ub860<\/h2>\n
\n Node.js\uc758 \ub2e4\uc591\ud55c \uae30\ub2a5\uc744 \ud65c\uc6a9\ud558\uba74 \ub354 \ub098\uc740 \uc131\ub2a5\uacfc \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \uc81c\uacf5\ud558\ub294 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.
\n \ubcf8 \uae00\uc5d0\uc11c \ub2e4\ub8ec \ub0b4\uc6a9\ub4e4\uc744 \ubc14\ud0d5\uc73c\ub85c \uc2e4\uc81c \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c\ud574 \ubcf4\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.
\n Electron\uacfc Node.js\uc758 \uc870\ud569\uc744 \ud1b5\ud574 \ud601\uc2e0\uc801\uc778 \ub370\uc2a4\ud06c\ud0d1 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4e4\uc5b4 \ubcf4\uc138\uc694.\n <\/p>\n<\/section>\n<\/article>\n