{"id":43374,"date":"2024-11-26T12:35:29","date_gmt":"2024-11-26T12:35:29","guid":{"rendered":"https:\/\/atmokpo.com\/w\/?p=43374"},"modified":"2024-11-26T12:35:29","modified_gmt":"2024-11-26T12:35:29","slug":"electron-010-electron%ea%b3%bc-node-js-%ed%86%b5%ed%95%a9%ed%95%98%ea%b8%b0-%ed%8c%8c%ec%9d%bc-%ec%8b%9c%ec%8a%a4%ed%85%9c-%ec%a0%91%ea%b7%bc-api-%ed%98%b8%ec%b6%9c-%eb%93%b1%ec%9d%98-%ec%98%88","status":"publish","type":"post","link":"https:\/\/atmokpo.com\/w\/43374\/","title":{"rendered":"[Electron] 010. Electron\uacfc Node.js \ud1b5\ud569\ud558\uae30, \ud30c\uc77c \uc2dc\uc2a4\ud15c \uc811\uadfc, API \ud638\ucd9c \ub4f1\uc758 \uc608\uc2dc"},"content":{"rendered":"

<\/p>\n

\n
\n

1. Electron \uc18c\uac1c<\/h2>\n

\n Electron\uc740 GitHub\uc5d0\uc11c \uac1c\ubc1c\ud55c \uc624\ud508\uc18c\uc2a4 \ud504\ub808\uc784\uc6cc\ud06c\ub85c, \uc6f9 \uae30\uc220(HTML, CSS, JavaScript)\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub370\uc2a4\ud06c\ud1b1 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4e4 \uc218 \uc788\uac8c \ud574\uc90d\ub2c8\ub2e4. Electron\uc740 Chromium\uacfc Node.js\ub97c \uacb0\ud569\ud558\uc5ec \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub370\uc2a4\ud06c\ud1b1\uc73c\ub85c \ubcc0\ud658\ud558\ub294 \ub370 \ud544\uc694\ud55c \ubaa8\ub4e0 \uae30\ub2a5\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc774\ub85c \uc778\ud574 \uac1c\ubc1c\uc790\ub294 \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c \uc0ac\uc6a9\ub418\ub358 \uacbd\ud5d8\uc744 \uadf8\ub300\ub85c \ub370\uc2a4\ud06c\ud1b1 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc73c\ub85c \uc774\uc5b4\uac08 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n<\/section>\n

\n

2. Node.js\ub780 \ubb34\uc5c7\uc778\uac00?<\/h2>\n

\n Node.js\ub294 \uc774\ubca4\ud2b8 \uae30\ubc18\uc758 \ube44\ub3d9\uae30 I\/O \ubaa8\ub378\uc744 \uc0ac\uc6a9\ud558\ub294 JavaScript \ub7f0\ud0c0\uc784 \ud658\uacbd\uc785\ub2c8\ub2e4. \uc774\ub294 \uc11c\ubc84\uc0ac\uc774\ub4dc \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uac1c\ubc1c\uc5d0 \uc801\ud569\ud558\uba70, \ud6a8\uc728\uc801\uc774\uace0 \ud655\uc7a5 \uac00\ub2a5\ud55c \ub124\ud2b8\uc6cc\ud06c \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4dc\ub294 \ub370 \uc0ac\uc6a9\ub429\ub2c8\ub2e4. Node.js\ub294 \ub2e4\uc591\ud55c npm \ud328\ud0a4\uc9c0\ub97c \ud1b5\ud574 \uc190\uc27d\uac8c \uae30\ub2a5\uc744 \ud655\uc7a5\ud560 \uc218 \uc788\ub294 \uc7a5\uc810\uc774 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n<\/section>\n

\n

3. Electron\uacfc Node.js \ud1b5\ud569\uc758 \ud544\uc694\uc131<\/h2>\n

\n Electron \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c Node.js\ub97c \uc0ac\uc6a9\ud558\ub294 \uc774\uc720\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:\n <\/p>\n

    \n
  • \ud30c\uc77c \uc2dc\uc2a4\ud15c \uc811\uadfc:<\/strong> Node.js\uc758 fs \ubaa8\ub4c8\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc0ac\uc6a9\uc790\uc758 \ud30c\uc77c \uc2dc\uc2a4\ud15c\uc5d0 \uc811\uadfc\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n
  • API \ud638\ucd9c:<\/strong> Node.js\uc758 \ub124\ud2b8\uc6cc\ud0b9 \uae30\ub2a5\uc744 \uc774\uc6a9\ud558\uc5ec \uc678\ubd80 API\ub97c \ud638\ucd9c\ud558\uace0 \ub370\uc774\ud130\ub97c \ucc98\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n
  • \ubaa8\ub4c8\ud654:<\/strong> \ub2e4\uc591\ud55c npm \ubaa8\ub4c8\uc744 \ud65c\uc6a9\ud558\uc5ec \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uae30\ub2a5\uc744 \uc27d\uac8c \ud655\uc7a5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/section>\n
    \n

    4. Electron \ud504\ub85c\uc81d\ud2b8 \uc124\uc815\ud558\uae30<\/h2>\n

    \n Electron \ud504\ub85c\uc81d\ud2b8\ub97c \uc124\uc815\ud558\ub294 \uacfc\uc815\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:\n <\/p>\n

      \n
    1. Node.js \uc124\uce58: https:\/\/nodejs.org\/ \uc5d0\uc11c Node.js\ub97c \ub2e4\uc6b4\ub85c\ub4dc\ud558\uace0 \uc124\uce58\ud558\uc138\uc694.<\/li>\n
    2. \uc0c8 \ud3f4\ub354 \uc0dd\uc131: \ud130\ubbf8\ub110\uc744 \uc5f4\uace0 \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud560 \uc0c8 \ud3f4\ub354\ub97c \ub9cc\ub4ed\ub2c8\ub2e4.<\/li>\n
    3. npm \ucd08\uae30\ud654: npm init -y<\/code> \uba85\ub839\uc5b4\ub97c \uc2e4\ud589\ud558\uc5ec package.json \ud30c\uc77c\uc744 \uc0dd\uc131\ud569\ub2c8\ub2e4.<\/li>\n
    4. Electron \uc124\uce58: npm install electron --save-dev<\/code> \uba85\ub839\uc5b4\ub85c Electron\uc744 \uc124\uce58\ud569\ub2c8\ub2e4.<\/li>\n<\/ol>\n

      \n \uc774\uc81c \uae30\ubcf8\uc801\uc778 Electron \ud504\ub85c\uc81d\ud2b8\uac00 \uc900\ube44\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c\uc73c\ub85c, main.js<\/code> \ud30c\uc77c\uc744 \uc0dd\uc131\ud558\uace0 \uae30\ubcf8 \ucf54\ub4dc\ub97c \uc791\uc131\ud569\ub2c8\ub2e4.\n <\/p>\n

      \n                \nconst { app, BrowserWindow } = require('electron');\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\napp.whenReady().then(createWindow);\n                <\/code>\n            <\/pre>\n<\/section>\n
      \n
      5. \ud30c\uc77c \uc2dc\uc2a4\ud15c \uc811\uadfc\ud558\uae30<\/h2>\n
      \n                Node.js\uc758 fs \ubaa8\ub4c8\uc744 \uc0ac\uc6a9\ud558\uc5ec \ud30c\uc77c \uc2dc\uc2a4\ud15c\uc5d0 \uc811\uadfc\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c \uc608\uc2dc\ub294 \ud30c\uc77c\uc744 \uc77d\uace0 \uc4f0\ub294 \ubc29\ubc95\uc744 \ubcf4\uc5ec\uc90d\ub2c8\ub2e4.\n            <\/p>\n
      \n                \nconst fs = require('fs');\n\n\/\/ \ud30c\uc77c\uc4f0\uae30\nfs.writeFile('example.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\/\/ \ud30c\uc77c\uc77d\uae30\nfs.readFile('example.txt', 'utf-8', (err, data) => {\n    if (err) throw err;\n    console.log('\ud30c\uc77c \ub0b4\uc6a9:', data);\n});\n                <\/code>\n            <\/pre>\n
      \n                \uc704\uc758 \ucf54\ub4dc\ub294 ‘example.txt’\ub77c\ub294 \ud30c\uc77c\uc744 \uc0dd\uc131\ud558\uace0 ‘Hello, world!’\ub77c\ub294 \ub0b4\uc6a9\uc744 \uc791\uc131\ud569\ub2c8\ub2e4. \uc774\ud6c4, \ud574\ub2f9 \ud30c\uc77c\uc744 \uc77d\uace0 \ub0b4\uc6a9\uc744 \ucf58\uc194\uc5d0 \ucd9c\ub825\ud569\ub2c8\ub2e4.\n            <\/p>\n<\/section>\n
      \n
      6. API \ud638\ucd9c\ud558\uae30<\/h2>\n
      \n                Node.js\uc758 http<\/code> \ubaa8\ub4c8 \ub610\ub294 axios<\/code>\uc640 \uac19\uc740 \uc678\ubd80 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc0ac\uc6a9\ud558\uc5ec API\ub97c \ud638\ucd9c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc544\ub798 \uc608\uc2dc\ub294 axios\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc678\ubd80 API\uc5d0\uc11c \ub370\uc774\ud130\ub97c \uac00\uc838\uc624\ub294 \ubc29\ubc95\uc744 \ubcf4\uc5ec\uc90d\ub2c8\ub2e4.\n            <\/p>\n
      \n                \nconst axios = require('axios');\n\n\/\/ API \ud638\ucd9c\naxios.get('https:\/\/jsonplaceholder.typicode.com\/posts')\n    .then(response => {\n        console.log('\ub370\uc774\ud130:', response.data);\n    })\n    .catch(error => {\n        console.error('\uc5d0\ub7ec\ubc1c\uc0dd:', error);\n    });\n                <\/code>\n            <\/pre>\n
      \n                \uc704 \ucf54\ub4dc\ub294 JSONPlaceholder\ub77c\ub294 \ubb34\ub8cc API\ub97c \ud638\ucd9c\ud558\uc5ec \uac8c\uc2dc\ubb3c \ubaa9\ub85d\uc744 \uac00\uc838\uc624\ub294 \uc608\uc2dc\uc785\ub2c8\ub2e4. \ud638\ucd9c\uc774 \uc131\uacf5\ud558\uba74 \ub370\uc774\ud130\uac00 \ucf58\uc194\uc5d0 \ucd9c\ub825\ub429\ub2c8\ub2e4.\n            <\/p>\n<\/section>\n
      \n
      7. \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4(UI)\uc640\uc758 \ud1b5\ud569<\/h2>\n
      \n                \uc0ac\uc6a9\uc790\uac00 \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uba74 \ud30c\uc77c\uc744 \uc77d\uac70\ub098 API\ub97c \ud638\ucd9c\ud558\ub294 \ub4f1\uc758 \uc791\uc5c5\uc744 \uc218\ud589\ud558\ub294 UI\ub97c \ub9cc\ub4e4\uc5b4 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c\uc740 index.html<\/code>\uc758 \uc608\uc2dc \ucf54\ub4dc\uc785\ub2c8\ub2e4.\n            <\/p>\n
      \n                \n\n\n\n\n    \n    \n    Electron\uacfc Node.js \ud1b5\ud569<\/title>\n<\/head>\n<body>\n    <h1>Electron\uacfc Node.js \ud1b5\ud569 \uc608\uc81c<\/h1>\n    <button id=\"readFile\">\ud30c\uc77c \uc77d\uae30<\/button>\n    <button id=\"callApi\">API \ud638\ucd9c<\/button>\n    <pre id=\"output\"><\/pre>\n<p>    <script>\n        const { ipcRenderer } = require('electron');\n        const output = document.getElementById('output');<\/p>\n<p>        document.getElementById('readFile').addEventListener('click', () => {\n            ipcRenderer.invoke('read-file').then(data => {\n                output.textContent = data;\n            });\n        });<\/p>\n<p>        document.getElementById('callApi').addEventListener('click', () => {\n            ipcRenderer.invoke('call-api').then(data => {\n                output.textContent = JSON.stringify(data, null, 2);\n            });\n        });\n    <\/script><br \/>\n<\/body><br \/>\n<\/html><br \/>\n                <\/code><\/p>\n<p>\n                \uc774 HTML \ud30c\uc77c\uc5d0\uc11c\ub294 \ub450 \uac1c\uc758 \ubc84\ud2bc\uc774 \uc788\uc73c\uba70, \uac01\uac01 \ud30c\uc77c\uc744 \uc77d\uac70\ub098 API\ub97c \ud638\ucd9c\ud558\ub294 \uc774\ubca4\ud2b8\ub97c \ud2b8\ub9ac\uac70\ud569\ub2c8\ub2e4. \ub2e4\uc74c\uc73c\ub85c <code>main.js<\/code>\uc5d0\uc11c IPC\ub97c \uc124\uc815\ud558\uc5ec \uba54\uc778 \ud504\ub85c\uc138\uc2a4\uc640 \ub80c\ub354\ub7ec \ud504\ub85c\uc138\uc2a4 \uac04\uc758 \ud1b5\uc2e0\uc744 \uad6c\ud604\ud574\uc57c \ud569\ub2c8\ub2e4.\n            <\/p>\n<\/section>\n<section>\n<h2>8. IPC(Inter-Process Communication) \uc124\uc815\ud558\uae30<\/h2>\n<p>\n                Electron \ub0b4\uc758 IPC\ub97c \uc0ac\uc6a9\ud558\uba74 \uba54\uc778 \ud504\ub85c\uc138\uc2a4\uc640 \ub80c\ub354\ub7ec \ud504\ub85c\uc138\uc2a4 \uac04\uc758 \ud1b5\uc2e0\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4. \uc544\ub798 \ucf54\ub4dc\ub294 \ud30c\uc77c \uc77d\uae30 \ubc0f API \ud638\ucd9c\uc744 \uc704\ud55c IPC\ub97c \uc124\uc815\ud558\ub294 \uc608\uc2dc\uc785\ub2c8\ub2e4.\n            <\/p>\n<pre>\n                <code>\nconst { app, BrowserWindow, ipcMain } = require('electron');\nconst fs = require('fs');\nconst axios = require('axios');\n\n\/\/ \ud30c\uc77c\uc77d\uae30\nipcMain.handle('read-file', async () => {\n    return new Promise((resolve, reject) => {\n        fs.readFile('example.txt', 'utf-8', (err, data) => {\n            if (err) return reject(err);\n            resolve(data);\n        });\n    });\n});\n\n\/\/ API \ud638\ucd9c\nipcMain.handle('call-api', async () => {\n    try {\n        const response = await axios.get('https:\/\/jsonplaceholder.typicode.com\/posts');\n        return response.data;\n    } catch (error) {\n        throw error;\n    }\n});\n\n\/\/ BrowserWindow \uc124\uc815\nfunction createWindow() {\n    const win = new BrowserWindow({\n        width: 800,\n        height: 600,\n        webPreferences: {\n            nodeIntegration: true,\n            contextIsolation: false\n        }\n    });\n\n    win.loadFile('index.html');\n}\n\napp.whenReady().then(createWindow);\n                <\/code>\n            <\/pre>\n<p>\n                \uba54\uc778 \ud504\ub85c\uc138\uc2a4\uc5d0\uc11c IPC\ub97c \uc124\uc815\ud558\uc5ec \ud30c\uc77c\uc744 \uc77d\uace0 API\ub97c \ud638\ucd9c\ud558\ub294 \uae30\ub2a5\uc744 \uad6c\ud604\ud588\uc2b5\ub2c8\ub2e4. \uc774\uc81c \uc0ac\uc6a9\uc790\uac00 HTML \ud398\uc774\uc9c0\uc5d0\uc11c \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uba74 \uba54\uc778 \ud504\ub85c\uc138\uc2a4\uc758 \ucf54\ub4dc\ub97c \ud1b5\ud574 \uacb0\uacfc\ub97c \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n            <\/p>\n<\/section>\n<section>\n<h2>9. \uacb0\ub860 \ubc0f \uad8c\uc7a5\uc0ac\ud56d<\/h2>\n<p>\n                Electron\uacfc Node.js\uc758 \ud1b5\ud569\uc740 \uc6f9 \uae30\uc220\uc744 \uc0ac\uc6a9\ud558\uc5ec \uac15\ub825\ud558\uace0 \uae30\ub2a5\uc801\uc778 \ub370\uc2a4\ud06c\ud1b1 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4dc\ub294 \uac15\ub825\ud55c \ubc29\ubc95\uc785\ub2c8\ub2e4. \ud30c\uc77c \uc2dc\uc2a4\ud15c \uc811\uadfc\uacfc API \ud638\ucd9c\uc744 \ud1b5\ud574 \ub2e4\uc591\ud55c \uae30\ub2a5\uc744 \uad6c\ud604\ud560 \uc218 \uc788\uc73c\uba70, Node.js \ubaa8\ub4c8\uc744 \ud65c\uc6a9\ud558\uc5ec \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uae30\ub2a5\uc744 \ud655\uc7a5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n            <\/p>\n<p>\n                \uac1c\ubc1c\ud558\ub294 \ub3d9\uc548 \ubcf4\uc548\uacfc \uc0ac\uc6a9\uc131\uc744 \ud56d\uc0c1 \uc5fc\ub450\uc5d0 \ub450\uc5b4\uc57c \ud569\ub2c8\ub2e4. \ud2b9\ud788, \uc0ac\uc6a9\uc790 \ud30c\uc77c \uc2dc\uc2a4\ud15c\uc5d0 \uc811\uadfc\ud558\ub294 \uacbd\uc6b0\uc5d0\ub294 \uc801\uc808\ud55c \uad8c\ud55c\uc744 \uc694\uccad\ud558\uace0 \uc0ac\uc6a9\uc790 \ub3d9\uc758\ub97c \ubc1b\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4. \ub610\ud55c, \uc678\ubd80 API\uc640\uc758 \ud1b5\uc2e0\uc5d0\uc11c\ub294 \uc2e0\ub8b0\ud560 \uc218 \uc788\ub294 Https \ud504\ub85c\ud1a0\ucf5c\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub370\uc774\ud130 \uc804\uc1a1\uc758 \uc548\uc804\uc131\uc744 \ud655\ubcf4\ud574\uc57c \ud569\ub2c8\ub2e4.\n            <\/p>\n<p>\n                Electron\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ubc30\ud3ec\ud560 \ub54c\ub294, \uc801\uc808\ud55c \ube4c\ub4dc \ud234\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub2e4\uc591\ud55c \uc6b4\uc601 \uccb4\uc81c\uc5d0 \ub9de\ub294 \ud328\ud0a4\uc9c0\ub97c \uc0dd\uc131\ud558\ub294 \ubc29\ubc95\ub3c4 \uace0\ub824\ud574\uc57c \ud569\ub2c8\ub2e4.\n            <\/p>\n<\/section>\n<footer>\n<p>\u00a9 2023 Electron \uac1c\ubc1c\uc790\ub4e4<\/p>\n<\/footer>\n<\/article>\n<p><\/body><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. Electron \uc18c\uac1c Electron\uc740 GitHub\uc5d0\uc11c \uac1c\ubc1c\ud55c \uc624\ud508\uc18c\uc2a4 \ud504\ub808\uc784\uc6cc\ud06c\ub85c, \uc6f9 \uae30\uc220(HTML, CSS, JavaScript)\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub370\uc2a4\ud06c\ud1b1 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4e4 \uc218 \uc788\uac8c \ud574\uc90d\ub2c8\ub2e4. Electron\uc740 Chromium\uacfc Node.js\ub97c \uacb0\ud569\ud558\uc5ec \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub370\uc2a4\ud06c\ud1b1\uc73c\ub85c \ubcc0\ud658\ud558\ub294 \ub370 \ud544\uc694\ud55c \ubaa8\ub4e0 \uae30\ub2a5\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc774\ub85c \uc778\ud574 \uac1c\ubc1c\uc790\ub294 \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c \uc0ac\uc6a9\ub418\ub358 \uacbd\ud5d8\uc744 \uadf8\ub300\ub85c \ub370\uc2a4\ud06c\ud1b1 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc73c\ub85c \uc774\uc5b4\uac08 \uc218 \uc788\uc2b5\ub2c8\ub2e4. 2. Node.js\ub780 \ubb34\uc5c7\uc778\uac00? Node.js\ub294 \uc774\ubca4\ud2b8 \uae30\ubc18\uc758 \ube44\ub3d9\uae30 I\/O \ubaa8\ub378\uc744 \uc0ac\uc6a9\ud558\ub294 … <a href=\"https:\/\/atmokpo.com\/w\/43374\/\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> “[Electron]  010. Electron\uacfc Node.js \ud1b5\ud569\ud558\uae30, \ud30c\uc77c \uc2dc\uc2a4\ud15c \uc811\uadfc, API \ud638\ucd9c \ub4f1\uc758 \uc608\uc2dc”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[249],"tags":[],"class_list":["post-43374","post","type-post","status-publish","format-standard","hentry","category-electron"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[Electron] 010. Electron\uacfc Node.js \ud1b5\ud569\ud558\uae30, \ud30c\uc77c \uc2dc\uc2a4\ud15c \uc811\uadfc, API \ud638\ucd9c \ub4f1\uc758 \uc608\uc2dc - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/atmokpo.com\/w\/43374\/\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Electron] 010. Electron\uacfc Node.js \ud1b5\ud569\ud558\uae30, \ud30c\uc77c \uc2dc\uc2a4\ud15c \uc811\uadfc, API \ud638\ucd9c \ub4f1\uc758 \uc608\uc2dc - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\" \/>\n<meta property=\"og:description\" content=\"1. Electron \uc18c\uac1c Electron\uc740 GitHub\uc5d0\uc11c \uac1c\ubc1c\ud55c \uc624\ud508\uc18c\uc2a4 \ud504\ub808\uc784\uc6cc\ud06c\ub85c, \uc6f9 \uae30\uc220(HTML, CSS, JavaScript)\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub370\uc2a4\ud06c\ud1b1 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4e4 \uc218 \uc788\uac8c \ud574\uc90d\ub2c8\ub2e4. Electron\uc740 Chromium\uacfc Node.js\ub97c \uacb0\ud569\ud558\uc5ec \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub370\uc2a4\ud06c\ud1b1\uc73c\ub85c \ubcc0\ud658\ud558\ub294 \ub370 \ud544\uc694\ud55c \ubaa8\ub4e0 \uae30\ub2a5\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc774\ub85c \uc778\ud574 \uac1c\ubc1c\uc790\ub294 \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c \uc0ac\uc6a9\ub418\ub358 \uacbd\ud5d8\uc744 \uadf8\ub300\ub85c \ub370\uc2a4\ud06c\ud1b1 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc73c\ub85c \uc774\uc5b4\uac08 \uc218 \uc788\uc2b5\ub2c8\ub2e4. 2. Node.js\ub780 \ubb34\uc5c7\uc778\uac00? Node.js\ub294 \uc774\ubca4\ud2b8 \uae30\ubc18\uc758 \ube44\ub3d9\uae30 I\/O \ubaa8\ub378\uc744 \uc0ac\uc6a9\ud558\ub294 … \ub354 \ubcf4\uae30 "[Electron] 010. Electron\uacfc Node.js \ud1b5\ud569\ud558\uae30, \ud30c\uc77c \uc2dc\uc2a4\ud15c \uc811\uadfc, API \ud638\ucd9c \ub4f1\uc758 \uc608\uc2dc"\" \/>\n<meta property=\"og:url\" content=\"https:\/\/atmokpo.com\/w\/43374\/\" \/>\n<meta property=\"og:site_name\" content=\"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-26T12:35:29+00:00\" \/>\n<meta name=\"author\" content=\"root\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@bebubo4\" \/>\n<meta name=\"twitter:site\" content=\"@bebubo4\" \/>\n<meta name=\"twitter:label1\" content=\"\uae00\uc4f4\uc774\" \/>\n\t<meta name=\"twitter:data1\" content=\"root\" \/>\n\t<meta name=\"twitter:label2\" content=\"\uc608\uc0c1 \ub418\ub294 \ud310\ub3c5 \uc2dc\uac04\" \/>\n\t<meta name=\"twitter:data2\" content=\"1\ubd84\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/atmokpo.com\/w\/43374\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/atmokpo.com\/w\/43374\/\"},\"author\":{\"name\":\"root\",\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7\"},\"headline\":\"[Electron] 010. Electron\uacfc Node.js \ud1b5\ud569\ud558\uae30, \ud30c\uc77c \uc2dc\uc2a4\ud15c \uc811\uadfc, API \ud638\ucd9c \ub4f1\uc758 \uc608\uc2dc\",\"datePublished\":\"2024-11-26T12:35:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/atmokpo.com\/w\/43374\/\"},\"wordCount\":95,\"publisher\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#organization\"},\"articleSection\":[\"electron\"],\"inLanguage\":\"ko-KR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/atmokpo.com\/w\/43374\/\",\"url\":\"https:\/\/atmokpo.com\/w\/43374\/\",\"name\":\"[Electron] 010. Electron\uacfc Node.js \ud1b5\ud569\ud558\uae30, \ud30c\uc77c \uc2dc\uc2a4\ud15c \uc811\uadfc, API \ud638\ucd9c \ub4f1\uc758 \uc608\uc2dc - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\",\"isPartOf\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#website\"},\"datePublished\":\"2024-11-26T12:35:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/atmokpo.com\/w\/43374\/#breadcrumb\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/atmokpo.com\/w\/43374\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/atmokpo.com\/w\/43374\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\ud648\",\"item\":\"https:\/\/atmokpo.com\/w\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Electron] 010. Electron\uacfc Node.js \ud1b5\ud569\ud558\uae30, \ud30c\uc77c \uc2dc\uc2a4\ud15c \uc811\uadfc, API \ud638\ucd9c \ub4f1\uc758 \uc608\uc2dc\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/atmokpo.com\/w\/#website\",\"url\":\"https:\/\/atmokpo.com\/w\/\",\"name\":\"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/atmokpo.com\/w\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ko-KR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/atmokpo.com\/w\/#organization\",\"name\":\"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\",\"url\":\"https:\/\/atmokpo.com\/w\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/atmokpo.com\/w\/wp-content\/uploads\/2024\/11\/logo.png\",\"contentUrl\":\"https:\/\/atmokpo.com\/w\/wp-content\/uploads\/2024\/11\/logo.png\",\"width\":400,\"height\":400,\"caption\":\"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\"},\"image\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/bebubo4\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7\",\"name\":\"root\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/708197b41fc6435a7ce22d951b25d4a47e9e904270cb1f04682d4f025066f80c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/708197b41fc6435a7ce22d951b25d4a47e9e904270cb1f04682d4f025066f80c?s=96&d=mm&r=g\",\"caption\":\"root\"},\"sameAs\":[\"http:\/\/atmokpo.com\/w\"],\"url\":\"https:\/\/atmokpo.com\/w\/author\/root\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Electron] 010. Electron\uacfc Node.js \ud1b5\ud569\ud558\uae30, \ud30c\uc77c \uc2dc\uc2a4\ud15c \uc811\uadfc, API \ud638\ucd9c \ub4f1\uc758 \uc608\uc2dc - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/atmokpo.com\/w\/43374\/","og_locale":"ko_KR","og_type":"article","og_title":"[Electron] 010. Electron\uacfc Node.js \ud1b5\ud569\ud558\uae30, \ud30c\uc77c \uc2dc\uc2a4\ud15c \uc811\uadfc, API \ud638\ucd9c \ub4f1\uc758 \uc608\uc2dc - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","og_description":"1. Electron \uc18c\uac1c Electron\uc740 GitHub\uc5d0\uc11c \uac1c\ubc1c\ud55c \uc624\ud508\uc18c\uc2a4 \ud504\ub808\uc784\uc6cc\ud06c\ub85c, \uc6f9 \uae30\uc220(HTML, CSS, JavaScript)\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub370\uc2a4\ud06c\ud1b1 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4e4 \uc218 \uc788\uac8c \ud574\uc90d\ub2c8\ub2e4. Electron\uc740 Chromium\uacfc Node.js\ub97c \uacb0\ud569\ud558\uc5ec \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub370\uc2a4\ud06c\ud1b1\uc73c\ub85c \ubcc0\ud658\ud558\ub294 \ub370 \ud544\uc694\ud55c \ubaa8\ub4e0 \uae30\ub2a5\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc774\ub85c \uc778\ud574 \uac1c\ubc1c\uc790\ub294 \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c \uc0ac\uc6a9\ub418\ub358 \uacbd\ud5d8\uc744 \uadf8\ub300\ub85c \ub370\uc2a4\ud06c\ud1b1 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc73c\ub85c \uc774\uc5b4\uac08 \uc218 \uc788\uc2b5\ub2c8\ub2e4. 2. Node.js\ub780 \ubb34\uc5c7\uc778\uac00? Node.js\ub294 \uc774\ubca4\ud2b8 \uae30\ubc18\uc758 \ube44\ub3d9\uae30 I\/O \ubaa8\ub378\uc744 \uc0ac\uc6a9\ud558\ub294 … \ub354 \ubcf4\uae30 \"[Electron] 010. Electron\uacfc Node.js \ud1b5\ud569\ud558\uae30, \ud30c\uc77c \uc2dc\uc2a4\ud15c \uc811\uadfc, API \ud638\ucd9c \ub4f1\uc758 \uc608\uc2dc\"","og_url":"https:\/\/atmokpo.com\/w\/43374\/","og_site_name":"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","article_published_time":"2024-11-26T12:35:29+00:00","author":"root","twitter_card":"summary_large_image","twitter_creator":"@bebubo4","twitter_site":"@bebubo4","twitter_misc":{"\uae00\uc4f4\uc774":"root","\uc608\uc0c1 \ub418\ub294 \ud310\ub3c5 \uc2dc\uac04":"1\ubd84"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/atmokpo.com\/w\/43374\/#article","isPartOf":{"@id":"https:\/\/atmokpo.com\/w\/43374\/"},"author":{"name":"root","@id":"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7"},"headline":"[Electron] 010. Electron\uacfc Node.js \ud1b5\ud569\ud558\uae30, \ud30c\uc77c \uc2dc\uc2a4\ud15c \uc811\uadfc, API \ud638\ucd9c \ub4f1\uc758 \uc608\uc2dc","datePublished":"2024-11-26T12:35:29+00:00","mainEntityOfPage":{"@id":"https:\/\/atmokpo.com\/w\/43374\/"},"wordCount":95,"publisher":{"@id":"https:\/\/atmokpo.com\/w\/#organization"},"articleSection":["electron"],"inLanguage":"ko-KR"},{"@type":"WebPage","@id":"https:\/\/atmokpo.com\/w\/43374\/","url":"https:\/\/atmokpo.com\/w\/43374\/","name":"[Electron] 010. Electron\uacfc Node.js \ud1b5\ud569\ud558\uae30, \ud30c\uc77c \uc2dc\uc2a4\ud15c \uc811\uadfc, API \ud638\ucd9c \ub4f1\uc758 \uc608\uc2dc - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","isPartOf":{"@id":"https:\/\/atmokpo.com\/w\/#website"},"datePublished":"2024-11-26T12:35:29+00:00","breadcrumb":{"@id":"https:\/\/atmokpo.com\/w\/43374\/#breadcrumb"},"inLanguage":"ko-KR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/atmokpo.com\/w\/43374\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/atmokpo.com\/w\/43374\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\ud648","item":"https:\/\/atmokpo.com\/w\/en\/"},{"@type":"ListItem","position":2,"name":"[Electron] 010. Electron\uacfc Node.js \ud1b5\ud569\ud558\uae30, \ud30c\uc77c \uc2dc\uc2a4\ud15c \uc811\uadfc, API \ud638\ucd9c \ub4f1\uc758 \uc608\uc2dc"}]},{"@type":"WebSite","@id":"https:\/\/atmokpo.com\/w\/#website","url":"https:\/\/atmokpo.com\/w\/","name":"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","description":"","publisher":{"@id":"https:\/\/atmokpo.com\/w\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/atmokpo.com\/w\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ko-KR"},{"@type":"Organization","@id":"https:\/\/atmokpo.com\/w\/#organization","name":"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","url":"https:\/\/atmokpo.com\/w\/","logo":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/atmokpo.com\/w\/#\/schema\/logo\/image\/","url":"https:\/\/atmokpo.com\/w\/wp-content\/uploads\/2024\/11\/logo.png","contentUrl":"https:\/\/atmokpo.com\/w\/wp-content\/uploads\/2024\/11\/logo.png","width":400,"height":400,"caption":"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8"},"image":{"@id":"https:\/\/atmokpo.com\/w\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/bebubo4"]},{"@type":"Person","@id":"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7","name":"root","image":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/atmokpo.com\/w\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/708197b41fc6435a7ce22d951b25d4a47e9e904270cb1f04682d4f025066f80c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/708197b41fc6435a7ce22d951b25d4a47e9e904270cb1f04682d4f025066f80c?s=96&d=mm&r=g","caption":"root"},"sameAs":["http:\/\/atmokpo.com\/w"],"url":"https:\/\/atmokpo.com\/w\/author\/root\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts\/43374","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/comments?post=43374"}],"version-history":[{"count":1,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts\/43374\/revisions"}],"predecessor-version":[{"id":43375,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts\/43374\/revisions\/43375"}],"wp:attachment":[{"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/media?parent=43374"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/categories?post=43374"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/tags?post=43374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}