{"id":398,"date":"2022-03-19T06:14:07","date_gmt":"2022-03-19T06:14:07","guid":{"rendered":"https:\/\/sap-learn-more.com\/?p=398"},"modified":"2022-03-19T06:14:07","modified_gmt":"2022-03-19T06:14:07","slug":"electron-sapui5-sapui5-%ec%9d%bc%eb%a0%89%ed%8a%b8%eb%a1%a0-%eb%8d%b0%ec%8a%a4%ed%81%ac%ed%83%91%ec%95%b1","status":"publish","type":"post","link":"https:\/\/sap-learn-more.com\/electron-sapui5-sapui5-%ec%9d%bc%eb%a0%89%ed%8a%b8%eb%a1%a0-%eb%8d%b0%ec%8a%a4%ed%81%ac%ed%83%91%ec%95%b1\/","title":{"rendered":"Electron SAPUI5 \u2013 SAPUI5 \uc77c\ub809\ud2b8\ub860 \ub370\uc2a4\ud06c\ud0d1\uc571"},"content":{"rendered":"<p>\uc77c\ub809\ud2b8\ub860(Electron)\uc740 \uc6f9 \ud504\ub860\ud2b8\uc5d4\ub4dc \uae30\uc220(HTML, CSS, \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8)\ub97c \ud65c\uc6a9\ud558\uc5ec \ub370\uc2a4\ud06c\ud0d1 \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c \ud560 \uc218 \uc788\ub3c4\ub85d \ud574\uc8fc\ub294 \ub3c4\uad6c\ub85c\uc368, Electron SAPUI5 \ub370\uc2a4\ud06c\uc571 \uc989, SAPUI5 \ud654\uba74\uc744 \ubd99\ud78c Electron \ub370\uc2a4\ud06c\ud0d1\uc571\uc758 quick start\ub97c \uc815\ub9ac\ud574 \ubcf4\uc558\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc77c\ub809\ud2b8\ub860\uc758 \uc8fc\uc694 \ud2b9\uc9d5\uc73c\ub85c\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<ul>\n<li>\ud06c\ub85c\ubbf8\uc6c0(Chromium)\uacfc Node.js \ud658\uacbd\uc5d0\uc11c, \ud504\ub860\ud2b8\uc5d4\ud2b8 \uae30\ubcf8 \uae30\uc220 HTML, CSS, \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8)\ub97c \ud65c\uc6a9\ud558\uc5ec \uc571\uc744 \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc989, \ub0b4\uc7a5\ub41c \ud06c\ub86c\ube0c\ub77c\uc6b0\uc800\ub85c \ud654\uba74\uc744 \ud45c\uc2dc\ud558\uace0 os\ub808\ubca8\uc758 \ud30c\uc77c\uc2dc\uc2a4\ud15c\uc740 Node.js\ub85c \uc811\uadfc\ud558\uc5ec \ucc98\ub9ac\ud558\ub294 \uac1c\ub150\uc785\ub2c8\ub2e4.<\/li>\n<li>GitHub\uac00 \uad00\ub9ac\ud558\ub294 \uc624\ud508\uc18c\uc2a4 \ud504\ub85c\uc81d\ud2b8\uc774\uba70, \ub300\ud45c\uc801\uc73c\ub85c Visual Studio Code \uc5d0\ub514\ud130, \uc2ac\ub799, github \ub370\uc2a4\ud06c\ud0d1\uc571 \ub4f1 \uc774 \uc77c\ub809\ud2b8\ub860\uc73c\ub85c \uac1c\ubc1c\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/li>\n<li>\ub3d9\uc77c\ud55c \ucf54\ub4dc\ub85c \uac1c\ubc1c\/\ube4c\ub4dc\ud558\uc5ec \ub9e5, \uc708\ub3c4\uc6b0, \ub9ac\ub205\uc2a4\uc5d0\uc11c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 \ud06c\ub85c\uc2a4\ud50c\ub7ab\ud3fc \uac1c\ubc1c \ud658\uacbd\uc785\ub2c8\ub2e4.<\/li>\n<\/ul>\n<p>\uc77c\ub809\ud2b8\ub860\uc758 \uacbd\uc6b0 \ud654\uba74 \uad6c\uc131\uc744 \ube0c\ub77c\uc6b0\uc800 \uae30\ubc18\uc758 html, css, \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub97c \ud65c\uc6a9\ud558\uae30 \ub54c\ubb38\uc5d0, \ubc14\ub2d0\ub77c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ubfd0\ub9cc Vue.js, React \ub4f1\uc758 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub3c4 \uc0ac\uc6a9 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/p>\n<p>\uadf8\ub7ec\ubbc0\ub85c sapui5 \uc5ed\uc2dc \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac\uc774\ubbc0\ub85c \uc77c\ub809\ud2b8\ub860\uc744 \ud1b5\ud574 \ud654\uba74\uc744 \uad6c\uc131\uc744 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n<h2>Electron SAPUI5 \uac1c\ubc1c\uc744 \uc704\ud55c \ud658\uacbd \u2013 Node.js \uc124\uce58<\/h2>\n<p>\uc6b0\uc120 \uba3c\uc800, \uc77c\ub809\ud2b8\ub860\uc744 \uac1c\ubc1c\ud558\uae30 \uc704\ud574\uc11c\ub294 node.js\ub97c \uc124\uce58\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<blockquote><p>Node.js \ud648\ud398\uc774\uc9c0 : <a href=\"https:\/\/nodejs.org\/ko\/\" target=\"_blank\" rel=\"noopener\">https:\/\/nodejs.org\/ko\/<\/a><\/p><\/blockquote>\n<p>SAPUI5 \uac1c\ubc1c\uc744 \uc704\ud55c Visual Studio Code \uc14b\ud305\ubc95\uc740 <a href=\"https:\/\/sap-learn-more.com\/sapui5-visual-studio-code-%EA%B0%9C%EB%B0%9C-%ED%99%98%EA%B2%BD-%EC%85%8B%ED%8C%852022-%EC%9C%88%EB%8F%84%EC%9A%B010\/\" target=\"_blank\" rel=\"noopener\">\uc5ec\uae30 \ubb38\uc11c<\/a>\ub97c \ucc38\uc870\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>&nbsp;<\/p>\n<h2>\uc77c\ub809\ud2b8\ub860 hello-world \ucd9c\ub825\ud558\uae30<\/h2>\n<p>\uac00\uc7a5 \uba3c\uc800, \uc571\uc744 \uc0dd\uc131\ud560 \ud3f4\ub354\ub97c \ubbf8\ub9ac \ub9cc\ub4e4\uc5b4 \ub461\ub2c8\ub2e4.<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism undefined-numbers lang-bash\" data-lang=\"Bash\"><code>mkdir <electron-app>\r\n<\/electron-app><\/code><\/pre>\n<\/div>\n<p>\uc708\ub3c4\uc6b0 \ud130\ubbf8\ub110 \ub4f1\uc744 \uc774\uc6a9\ud558\uc5ec \ud574\ub2f9 \ud3f4\ub354\ub85c \uc774\ub3d9\ud55c \ud6c4, npm\uc744 \ucd08\uae30\ud654\ud558\uace0 \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4. \ucf58\uc194\ucc3d\uc5d0 \ub2e4\uc74c\uacfc \uac19\uc774 \uc785\ub825\ud569\ub2c8\ub2e4.<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism undefined-numbers lang-bash\" data-lang=\"Bash\"><code>npm init\r\n<\/code><\/pre>\n<\/div>\n<p>\uadf8\ub7f0 \ud6c4 \uc571 \uc815\ubcf4\ub97c \uc785\ub825\ud569\ub2c8\ub2e4.<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism undefined-numbers lang-bash\" data-lang=\"Bash\"><code>package name: (folder-select-app)\r\nversion: (1.0.0)\r\ndescription: folder-selector\r\nentry point: (index.js)\r\ntest command:\r\ngit repository:\r\nkeywords: \r\nauthor: User\r\n<\/code><\/pre>\n<\/div>\n<p>\uc785\ub825\uc774 \uc644\ub8cc\ub418\uba74 \uc544\ub798\uc640 \uac19\uc774 Package.json \ud30c\uc77c\uc774 \uc0dd\uc131\ub429\ub2c8\ub2e4.<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism undefined-numbers lang-bash\" data-lang=\"Bash\"><code>{\r\n  \"name\": \"folder-select-app\",\r\n  \"version\": \"1.0.0\",\r\n  \"description\": \"folder-selector\",\r\n  \"main\": \"index.js\",\r\n  \"scripts\": {\r\n    \"test\": \"echo \\\"Error: no test specified\\\" &amp;&amp; exit 1\"\r\n  },\r\n  \"author\": \"User\",\r\n  \"license\": \"ISC\"\r\n}\r\n<\/code><\/pre>\n<\/div>\n<p>\uc77c\ub809\ud2b8\ub860\uc774 \uad6c\ub3d9\ub418\uae30 \uc704\ud574\uc11c\ub294, \ud574\ub2f9 \ub514\ub809\ud1a0\ub9ac\uc5d0\uc11c \uc77c\ub809\ud2b8\ub860 \ud328\ud0a4\uc9c0\ub97c \uc124\uce58\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism undefined-numbers lang-bash\" data-lang=\"Bash\"><code>npm install --save-dev electron\r\n<\/code><\/pre>\n<\/div>\n<p>\ud574\ub2f9 \ub514\ub809\ud1a0\ub9ac\uc5d0\uc11c \ub178\ub4dc \ubaa8\ub4c8\uc774 \uc124\uce58\ub418\uc5c8\uc74c\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/sap-learn-more.com\/wp-content\/uploads\/2022\/03\/mode-module\uc774-\uc124\uce58\ub418\uc5c8\uc74c\uc744-\ud655\uc778.png\" alt=\"mode module\uc774 \uc124\uce58\ub418\uc5c8\uc74c\uc744 \ud655\uc778\" class=\"aligncenter\" \/><\/p>\n<p>Package.json\uc5d0 script \ud56d\ubaa9\uc5d0 <strong><span style=\"color: #ff0000;\">&#8220;start&#8221; : electron . &#8220;<\/span><\/strong> \ub97c \ucd94\uac00\ud569\ub2c8\ub2e4.<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism undefined-numbers lang-bash\" data-lang=\"Bash\"><code>{\r\n  \"name\": \"folder-select-app\",\r\n  \"version\": \"1.0.0\",\r\n  \"description\": \"folder-selector\",\r\n  \"main\": \"index.js\",\r\n  \"scripts\": {\r\n    \"test\": \"echo \\\"Error: no test specified\\\" &amp;&amp; exit 1\",\r\n   <strong><span style=\"color: #ff0000;\"> \"start\": \"electron .\"<\/span><\/strong>\r\n  },\r\n  \"author\": \"User\",\r\n  \"license\": \"ISC\"\r\n<\/code><\/pre>\n<\/div>\n<p>\uc774\uc81c \uc544\ub798\uc5d0\uc11c \uc0dd\uc131\ud558\ub294 \ud3f4\ub354 \uad6c\uc870\ub294 \ub2e4\uc74c\uacfc \uac19\uc774 \uad6c\uc131\uc774 \ub429\ub2c8\ub2e4.<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism undefined-numbers lang-plain\" data-lang=\"Plain Text\"><code>App-folder\r\n  -- package.json\r\n  -- index.html\r\n  -- index.js\r\n  -- preload.js<\/code><\/pre>\n<\/div>\n<p>package.json\uacfc \ub3d9\uc77c\ud55c app\ud3f4\ub354\uc5d0 index.html \uc0dd\uc131\ud569\ub2c8\ub2e4.<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism undefined-numbers lang-html\" data-lang=\"HTML\"><code>&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;meta charset=\"UTF-8\"&gt;\r\n&lt;!-- https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTTP\/CSP --&gt;\r\n&lt;meta http-equiv=\"Content-Security-Policy\" content=\"default-src 'self'; script-src 'self'\"&gt;\r\n&lt;meta http-equiv=\"X-Content-Security-Policy\" content=\"default-src 'self'; script-src 'self'\"&gt;\r\n&lt;title&gt;Hello World!&lt;\/title&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n&lt;h1&gt;Hello World!&lt;\/h1&gt;\r\nWe are using Node.js &lt;span id=\"node-version\"&gt;&lt;\/span&gt;,\r\nChromium &lt;span id=\"chrome-version\"&gt;&lt;\/span&gt;,\r\nand Electron &lt;span id=\"electron-version\"&gt;&lt;\/span&gt;.\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;<\/code><\/pre>\n<\/div>\n<p>app\ud3f4\ub354\uc5d0 index.js \ud30c\uc77c\uc744 \uc0dd\uc131\ud569\ub2c8\ub2e4. \uc27d\uac8c \uc124\uba85\ud574\uc11c, \uc774 \ud30c\uc77c\uc774 C, Java \ub4f1\uc5d0\uc11c\uc758 main(), ABAP\uc758 \uacbd\uc6b0 start-of-selection \uc758 \uc5ed\ud560\uc774\ub77c\uace0 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism undefined-numbers lang-js\" data-lang=\"JavaScript\"><code>const { app, BrowserWindow } = require('electron')\r\n\/\/ include the Node.js 'path' module at the top of your file\r\nconst path = require('path')\r\n\/\/ modify your existing createWindow() function\r\nfunction createWindow () {\r\n  const win = new BrowserWindow({\r\n    width: 800,\r\n    height: 600,\r\n    webPreferences: {\r\n      preload: path.join(__dirname, 'preload.js')\r\n    }\r\n  })\r\n  win.loadFile('index.html')\r\n}\r\napp.whenReady().then(() =&gt; {\r\n  createWindow()\r\n})\r\napp.on('window-all-closed', function () {\r\n  if (process.platform !== 'darwin') app.quit()\r\n})\r\n<\/code><\/pre>\n<\/div>\n<p>app\ud3f4\ub354\uc5d0 preload.js \ud30c\uc77c\uc744 \uc791\uc131\ud569\ub2c8\ub2e4.<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism undefined-numbers lang-js\" data-lang=\"JavaScript\"><code>window.addEventListener('DOMContentLoaded', () =&gt; {\r\n  const replaceText = (selector, text) =&gt; {\r\n    const element = document.getElementById(selector)\r\n    if (element) element.innerText = text\r\n  }\r\n  for (const dependency of ['chrome', 'node', 'electron']) {\r\n    replaceText(`${dependency}-version`, process.versions[dependency])\r\n  }\r\n})\r\n<\/code><\/pre>\n<\/div>\n<p>\uc774\uc81c hello world\ub97c \ucd9c\ub825\ud558\uae30 \uc704\ud55c \ud30c\uc77c\uc740 \ubaa8\ub450 \uc14b\ud305\uc774 \ub418\uc5c8\uc2b5\ub2c8\ub2e4. npm start\ub97c \ud1b5\ud574 \uc2e4\ud589\ud569\ub2c8\ub2e4.<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism undefined-numbers lang-bash\" data-lang=\"Bash\"><code>npm start\r\n<\/code><\/pre>\n<\/div>\n<p><img decoding=\"async\" src=\"https:\/\/sap-learn-more.com\/wp-content\/uploads\/2022\/03\/\ub370\uc2a4\ud06c\ud0d1\ud615\ud0dc\ub85c-\uc2e4\ud589\ub41c-\uc77c\ub809\ud2b8\ub860-\uc571.png\" alt=\"\ub370\uc2a4\ud06c\ud0d1\ud615\ud0dc\ub85c \uc2e4\ud589\ub41c \uc77c\ub809\ud2b8\ub860 \uc571\" class=\"aligncenter\" \/><\/p>\n<h2>Electron SAPUI5 \uc571 \uc0dd\uc131<\/h2>\n<p>\uc5ec\uae30\uae4c\uc9c0\ub294 \uc77c\ubc18 html \ud30c\uc77c\uc744 \uc0ac\uc6a9\ud574\uc11c \uc77c\ub809\ud2b8\ub860 \uc571\uc744 \uc2e4\ud589\uc2dc\ud0a8 \uc0c1\ud669\uc774\uba70 \uc774\uc81c SAPUI5 \uc571\uc744 \uc2a4\uce90\ud3f4\ub529\ud558\uac70\ub098 \uad6c\uc870\ud654 \ud574\ubcf4\ub3c4\ub85d \ud569\ub2c8\ub2e4.<\/p>\n<p>\ud130\ubbf8\ub110 \ucc3d\uc5d0\uc11c \uc571 \ud3f4\ub354\ub85c \uc774\ub3d9\ud55c \ud6c4 \uc694\uba3c\uc744 \uc2e4\ud589\ud569\ub2c8\ub2e4.<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism undefined-numbers lang-bash\" data-lang=\"Bash\"><code>yo\r\n<\/code><\/pre>\n<\/div>\n<div class=\"hcb_wrap\">\n<pre class=\"prism undefined-numbers lang-bash\" data-lang=\"Bash\"><code>What would you like to do? (Use arrow keys)\r\n  Run a generator\r\n&gt; @sap\/fiori\r\n  Ui5 Boilerplate\r\n  Easy Ui5\r\n  Opensapui5\r\n  Sap Ui5 App\r\n  Template Ui5 Project\r\n(Move up and down to reveal more choices)\r\n<\/code><\/pre>\n<\/div>\n<p>\uc635\uc158\uc740 \uc801\ub2f9\ud788 \uc544\ub798\uc640 \uac19\uc774 \uc120\ud0dd\ud558\uc600\uc73c\uba70, module name\ub9cc \uc2e0\uacbd\uc368\uc11c \uc785\ub825\ud574 \uc90d\ub2c8\ub2e4.<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism undefined-numbers lang-bash\" data-lang=\"Bash\"><code>? Application Type SAPUI5 freestyle\r\n? Which floorplan do you want to use? SAPUI5 Application\r\n? Data source None\r\n? View name View1\r\n? Module name webcontent\r\n? Application title App Title\r\n? Application namespace\r\n? Description A Fiori application.\r\n\r\n? Project folder path D:\\gdv\\source\\electron\\electron_sapui5\\folder-select-app\r\n? Minimum SAPUI5 version 1.99.0\r\n? Add deployment configuration No\r\n? Add FLP configuration No\r\n? Configure advanced options No\r\n<\/code><\/pre>\n<\/div>\n<p>&nbsp;<\/p>\n<p>\ucc38\uace0\ub85c Visual Studio Code\ub97c \ud1b5\ud574 GUI \ud615\ud0dc\ub85c \uc2a4\uce90\ud3f4\ub529\ud558\uace0\uc790 \ud55c\ub2e4\uba74 <a href=\"https:\/\/sap-learn-more.com\/sapui5-visual-studio-code-%ea%b0%9c%eb%b0%9c-%ed%99%98%ea%b2%bd-%ec%85%8b%ed%8c%852022-%ec%9c%88%eb%8f%84%ec%9a%b010\/#VS_Codeeseo_choecho_Fiori_aeb_silhaenghagi\" target=\"_blank\" rel=\"noopener\">\uc5ec\uae30 \ubc29\ubc95<\/a>\uc744 \ucc38\uc870\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub610\ub294 <a href=\"https:\/\/sap-learn-more.com\/visual-studio-code%EC%97%90%EC%84%9C-sapui5-%EC%8A%A4%EC%BA%90%ED%8F%B4%EB%94%A9-scaffolding-tools-%EC%84%A4%EC%B9%98%ED%95%98%EA%B8%B0\/\" target=\"_blank\" rel=\"noopener\">SAPUI5 Scaffolding \ubc29\ubc95<\/a>\uc744 \ud655\uc778\ud574 \ubcf4\uc2dc\uba74 \ub429\ub2c8\ub2e4.<\/p>\n<p>SAPUI5 \uc571\uc758 \uc124\uce58\uac00 \uc644\ub8cc\ub418\uba74 Visual Studio Code\uc5d0\uc11c \uc815\uc0c1\uc801\uc73c\ub85c \uc124\uce58\uac00 \ub418\uc5c8\ub294\uc9c0 \uc544\ub798\uc640 \uac19\uc774 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>Visual Sudio Code &gt;&gt; \uc88c\uce21 \ud0d0\uc0c9\uae30\uc5d0\uc11c webcontent \ud558\uc704\uc5d0\uc11c \ub9c8\uc6b0\uc2a4 \uc6b0\ud074\ub9ad &gt;&gt; Preview Applicattion &gt;&gt; \ud30c\ub808\ud2b8\uc5d0\uc11c Fiori start \uc120\ud0dd \ud569\ub2c8\ub2e4.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/sap-learn-more.com\/wp-content\/uploads\/2022\/03\/Visual-Studio-Code\uc5d0\uc11c-SAPUI5-\uc571-\uc2e4\ud589.png\" alt=\"Visual Studio Code\uc5d0\uc11c SAPUI5 \uc571 \uc2e4\ud589\" class=\"aligncenter\" \/><br \/>\nstart\ub97c \uc120\ud0dd\ud558\uc5ec fiori \uc571\uc744 \uc2e4\ud589\ud558\uba74 \uc815\uc0c1\uc801\uc73c\ub85c \uc571\uc774 \uc2e4\ud589\ub428\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/sap-learn-more.com\/wp-content\/uploads\/2022\/03\/\ud30c\ub808\ud2b8\ub97c-\ud1b5\ud574-firoi-run-\uc2e4\ud589.png\" alt=\"\ud30c\ub808\ud2b8\ub97c \ud1b5\ud574 firoi run \uc2e4\ud589\" class=\"aligncenter\" \/><br \/>\n\uadf8\ub7fc \uc774\uc81c\uae4c\uc9c0 \ud604\uc7ac \ud3f4\ub354 \uad6c\uc870\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism undefined-numbers lang-plain\" data-lang=\"Plain Text\"><code>main-app \/\/ \uc77c\ub809\ud2b8\ub860 \uc571 \uba54\uc778\r\n\u00a0 -- webcontent \/\/ SAPUI5 \uc571 \ud3f4\ub354\r\n\u00a0   -- wepapp\r\n\u00a0     -- controller, view, model...UI5 App\r\n\u00a0     -- index.html \/\/ TO-BE SAPUI5 \uba54\uc778 html\r\n\u00a0 -- index.html \/\/ AS-IS html\r\n\u00a0 -- index.js \/\/ \uc77c\ub809\ud2b8\ub860 main \ud30c\uc77c\r\n\u00a0 -- package.json\r\n\u00a0 -- preload.js\r\n\u00a0 -- ...<\/code><\/pre>\n<\/div>\n<p>\uc774\uc81c \uc77c\ub809\ud2b8\ub860 \uc571\uc758 main \uc9c4\uc785\uc810 \ud30c\uc77c\uc778 index.js\uc5d0\uc11c, Front-end \ucc38\uc870 \ubd80\ubd84\uc744 SAPUI5\ub97c \ubc14\ub77c\ubcf4\ub3c4\ub85d \uc218\uc815\uc744 \ud569\ub2c8\ub2e4.<\/p>\n<p>\ud604\uc7ac\ub294 \uc77c\ub809\ud2b8\ub860 \ubc11\uc5d0 index.html\uc744 \ucc38\uc870\ud558\uace0 \uc788\uc73c\ubbc0\ub85c, \uc774\ub97c SAPUI5 webapp \ud3f4\ub354 \ubc11\uc5d0 \ucc38\uc870\ud558\ub3c4\ub85d \ubc14\uafb8\uc5b4\uc8fc\uba74 \ub429\ub2c8\ub2e4.<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism undefined-numbers lang-js\" data-lang=\"JavaScript\"><code>function createWindow() {\r\n  mainWindow = new BrowserWindow({\r\n    width: 800,\r\n    height: 600,\r\n    webPreferences: {\r\n      preload: path.join(__dirname, \"preload.js\"),\r\n    },\r\n  });\r\n\/\/ \uc774\ubd80\ubd84\uc744 SAPUI5\uc571\uc744 \ucc38\uc870\ud558\ub3c4\ub85d \uc218\uc815\r\n\/\/ mainWindow.loadFile(\"index.html\"); \r\n\/\/ SAPUI5 \uacbd\ub85c\uc758 index.html\ub85c \ubcc0\uacbd\r\nmainWindow.loadFile('webcontent\/webapp\/index.html');\r\n<\/code><\/pre>\n<\/div>\n<p>sapui5\ub85c index.html\uc744 \ubcc0\uacbd\ud55c \ud6c4 \ub2e4\uc2dc \uc77c\ub809\ud2b8\ub860 \uc571\uc744 \uc2e4\ud589\ud569\ub2c8\ub2e4.( \uc544\ub798 \uc2e4\ud589\ud654\uba74\uc740 sapui5 \ubc84\ud2bc\uc744 \ucd94\uac00\ud55c \uc0c1\ud0dc\uc785\ub2c8\ub2e4.)<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/sap-learn-more.com\/wp-content\/uploads\/2022\/03\/SAPUI5-\ud654\uba74\uc758-\uc77c\ub809\ud2b8\ub860-\uc571.png\" alt=\"SAPUI5 \ud654\uba74\uc758 \uc77c\ub809\ud2b8\ub860 \uc571\" class=\"aligncenter\" \/><\/p>\n<h2>\uc77c\ub809\ud2b8\ub860 \uc571\uc744 exe \ud30c\uc77c\ub85c \ubcc0\uacbd\ud558\uae30<\/h2>\n<p>\uac00\uc7a5 \uc27d\uac8c exe\ub85c \ubcc0\ud658\ud560 \uc218 \uc788\ub294 \ubc29\ubc95 \uc911 \ud558\ub098\ub294 electron forge\ub97c \ud65c\uc6a9\ud558\ub294 \uac83\uc785\ub2c8\ub2e4.<\/p>\n<blockquote><p><a href=\"https:\/\/www.electronforge.io\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.electronforge.io\/<\/a><\/p><\/blockquote>\n<p>app\ud3f4\ub354\ub85c \uc774\ub3d9\ud558\uc5ec, \uc544\ub798\uc758 \uba85\ub839\uc744 \ucc28\ub840\ub300\ub85c \uc2e4\ud589\ud569\ub2c8\ub2e4.<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism undefined-numbers lang-bash\" data-lang=\"Bash\"><code>npm install --save-dev @electron-forge\/cli\r\nnpx electron-forge import\r\n<\/code><\/pre>\n<\/div>\n<p>electron-forge dependency \ucd94\uac00\uac00 \uc644\ub8cc\ub418\uba74 \ub2e4\uc74c\uc744 \uc785\ub825\ud569\ub2c8\ub2e4.<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism undefined-numbers lang-bash\" data-lang=\"Bash\"><code>npm run make\r\n<\/code><\/pre>\n<\/div>\n<p>\uc77c\ub809\ud2b8\ub860\uc73c\ub85c \ube4c\ub4dc\uc2dc \uc6a9\ub7c9\uc740 \uae30\ub2a5\uc5d0 \ube44\ud574 \ud06c\uc9c0(?)\ub9cc \uc790\ubc14 \uc2a4\ud06c\ub9bd\ud2b8 \ubc0f cli\uc744 \ud1b5\ud574 \ube4c\ub4dc\ud560 \uc218 \uc788\uc5b4 \uc720\uc6a9\ud569\ub2c8\ub2e4.<\/p>\n<p>out \ud3f4\ub354\ub97c \ud655\uc778\ud558\uba74 exe \ud30c\uc77c\uc774 \uc0dd\uc131\ub418\uc5b4 \uc788\uc74c\uc744 \ud655\uc778 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/sap-learn-more.com\/wp-content\/uploads\/2022\/03\/\uc77c\ub809\ud2b8\ub860\uc571-exe-\ud30c\uc77c-\uc0dd\uc131.png\" alt=\"\uc77c\ub809\ud2b8\ub860\uc571 exe \ud30c\uc77c \uc0dd\uc131\" class=\"aligncenter\" \/><br \/>\n\uc544\ub798\uc758 quick start \ubb38\uc11c\ub97c \ucc38\uace0\ud558\uc5ec \uc791\uc131\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n<blockquote><p>electron quick start : <a href=\"https:\/\/www.electronjs.org\/docs\/latest\/tutorial\/quick-start\">https:\/\/www.electronjs.org\/docs\/latest\/tutorial\/quick-start<\/a><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>\uc77c\ub809\ud2b8\ub860(Electron)\uc740 \uc6f9 \ud504\ub860\ud2b8\uc5d4\ub4dc \uae30\uc220(HTML, CSS, \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8)\ub97c \ud65c\uc6a9\ud558\uc5ec \ub370\uc2a4\ud06c\ud0d1 \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c \ud560 \uc218 \uc788\ub3c4\ub85d \ud574\uc8fc\ub294 \ub3c4\uad6c\ub85c\uc368, Electron SAPUI5 \ub370\uc2a4\ud06c\uc571 \uc989, SAPUI5 \ud654\uba74\uc744 \ubd99\ud78c Electron \ub370\uc2a4\ud06c\ud0d1\uc571\uc758 quick start\ub97c \uc815\ub9ac\ud574 \ubcf4\uc558\uc2b5\ub2c8\ub2e4. \uc77c\ub809\ud2b8\ub860\uc758 \uc8fc\uc694 \ud2b9\uc9d5\uc73c\ub85c\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4. \ud06c\ub85c\ubbf8\uc6c0(Chromium)\uacfc Node.js \ud658\uacbd\uc5d0\uc11c, \ud504\ub860\ud2b8\uc5d4\ud2b8 \uae30\ubcf8 \uae30\uc220 HTML, CSS, \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8)\ub97c \ud65c\uc6a9\ud558\uc5ec \uc571\uc744 \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc989, \ub0b4\uc7a5\ub41c \ud06c\ub86c\ube0c\ub77c\uc6b0\uc800\ub85c \ud654\uba74\uc744 \ud45c\uc2dc\ud558\uace0 os\ub808\ubca8\uc758 \ud30c\uc77c\uc2dc\uc2a4\ud15c\uc740 Node.js\ub85c &#8230; <a title=\"Electron SAPUI5 \u2013 SAPUI5 \uc77c\ub809\ud2b8\ub860 \ub370\uc2a4\ud06c\ud0d1\uc571\" class=\"read-more\" href=\"https:\/\/sap-learn-more.com\/electron-sapui5-sapui5-%ec%9d%bc%eb%a0%89%ed%8a%b8%eb%a1%a0-%eb%8d%b0%ec%8a%a4%ed%81%ac%ed%83%91%ec%95%b1\/\" aria-label=\"Read more about Electron SAPUI5 \u2013 SAPUI5 \uc77c\ub809\ud2b8\ub860 \ub370\uc2a4\ud06c\ud0d1\uc571\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":404,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[35],"tags":[57,10,58,18],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Electron SAPUI5 \u2013 SAPUI5 \uc77c\ub809\ud2b8\ub860 \ub370\uc2a4\ud06c\ud0d1\uc571 - SAP Space<\/title>\n<meta name=\"description\" content=\"\uc6f9 \ud504\ub860\ud2b8\uc5d4\ub4dc \uae30\uc220(HTML, CSS, \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8, SAPUI5 )\ub97c \ud65c\uc6a9\ud558\uc5ec \ub370\uc2a4\ud06c\ud0d1 \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c \ud560 \uc218 \uc788\ub3c4\ub85d \ud574\uc8fc\ub294 \ub3c4\uad6c\uc778 Electron SAPUI5 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ud65c\uc6a9\ud55c quick start\ub97c \uc815\ub9ac\ud574 \ubcf4\uc558\uc2b5\ub2c8\ub2e4.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sap-learn-more.com\/electron-sapui5-sapui5-\uc77c\ub809\ud2b8\ub860-\ub370\uc2a4\ud06c\ud0d1\uc571\/\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Electron SAPUI5 \u2013 SAPUI5 \uc77c\ub809\ud2b8\ub860 \ub370\uc2a4\ud06c\ud0d1\uc571 - SAP Space\" \/>\n<meta property=\"og:description\" content=\"\uc6f9 \ud504\ub860\ud2b8\uc5d4\ub4dc \uae30\uc220(HTML, CSS, \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8, SAPUI5 )\ub97c \ud65c\uc6a9\ud558\uc5ec \ub370\uc2a4\ud06c\ud0d1 \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c \ud560 \uc218 \uc788\ub3c4\ub85d \ud574\uc8fc\ub294 \ub3c4\uad6c\uc778 Electron SAPUI5 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ud65c\uc6a9\ud55c quick start\ub97c \uc815\ub9ac\ud574 \ubcf4\uc558\uc2b5\ub2c8\ub2e4.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sap-learn-more.com\/electron-sapui5-sapui5-\uc77c\ub809\ud2b8\ub860-\ub370\uc2a4\ud06c\ud0d1\uc571\/\" \/>\n<meta property=\"og:site_name\" content=\"SAP Space\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-19T06:14:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sap-learn-more.com\/wp-content\/uploads\/2022\/03\/SAPUI5-\ud654\uba74\uc758-\uc77c\ub809\ud2b8\ub860-\uc571.png\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"user\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"user\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6\ubd84\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sap-learn-more.com\/electron-sapui5-sapui5-%ec%9d%bc%eb%a0%89%ed%8a%b8%eb%a1%a0-%eb%8d%b0%ec%8a%a4%ed%81%ac%ed%83%91%ec%95%b1\/\",\"url\":\"https:\/\/sap-learn-more.com\/electron-sapui5-sapui5-%ec%9d%bc%eb%a0%89%ed%8a%b8%eb%a1%a0-%eb%8d%b0%ec%8a%a4%ed%81%ac%ed%83%91%ec%95%b1\/\",\"name\":\"Electron SAPUI5 \u2013 SAPUI5 \uc77c\ub809\ud2b8\ub860 \ub370\uc2a4\ud06c\ud0d1\uc571 - SAP Space\",\"isPartOf\":{\"@id\":\"https:\/\/sap-learn-more.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sap-learn-more.com\/electron-sapui5-sapui5-%ec%9d%bc%eb%a0%89%ed%8a%b8%eb%a1%a0-%eb%8d%b0%ec%8a%a4%ed%81%ac%ed%83%91%ec%95%b1\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sap-learn-more.com\/electron-sapui5-sapui5-%ec%9d%bc%eb%a0%89%ed%8a%b8%eb%a1%a0-%eb%8d%b0%ec%8a%a4%ed%81%ac%ed%83%91%ec%95%b1\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sap-learn-more.com\/wp-content\/uploads\/2022\/03\/SAPUI5-\ud654\uba74\uc758-\uc77c\ub809\ud2b8\ub860-\uc571.png\",\"datePublished\":\"2022-03-19T06:14:07+00:00\",\"dateModified\":\"2022-03-19T06:14:07+00:00\",\"author\":{\"@id\":\"https:\/\/sap-learn-more.com\/#\/schema\/person\/6a9cf36f82ea5867c3f46f766f7d2bfa\"},\"description\":\"\uc6f9 \ud504\ub860\ud2b8\uc5d4\ub4dc \uae30\uc220(HTML, CSS, \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8, SAPUI5 )\ub97c \ud65c\uc6a9\ud558\uc5ec \ub370\uc2a4\ud06c\ud0d1 \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c \ud560 \uc218 \uc788\ub3c4\ub85d \ud574\uc8fc\ub294 \ub3c4\uad6c\uc778 Electron SAPUI5 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ud65c\uc6a9\ud55c quick start\ub97c \uc815\ub9ac\ud574 \ubcf4\uc558\uc2b5\ub2c8\ub2e4.\",\"breadcrumb\":{\"@id\":\"https:\/\/sap-learn-more.com\/electron-sapui5-sapui5-%ec%9d%bc%eb%a0%89%ed%8a%b8%eb%a1%a0-%eb%8d%b0%ec%8a%a4%ed%81%ac%ed%83%91%ec%95%b1\/#breadcrumb\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sap-learn-more.com\/electron-sapui5-sapui5-%ec%9d%bc%eb%a0%89%ed%8a%b8%eb%a1%a0-%eb%8d%b0%ec%8a%a4%ed%81%ac%ed%83%91%ec%95%b1\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/sap-learn-more.com\/electron-sapui5-sapui5-%ec%9d%bc%eb%a0%89%ed%8a%b8%eb%a1%a0-%eb%8d%b0%ec%8a%a4%ed%81%ac%ed%83%91%ec%95%b1\/#primaryimage\",\"url\":\"https:\/\/sap-learn-more.com\/wp-content\/uploads\/2022\/03\/SAPUI5-\ud654\uba74\uc758-\uc77c\ub809\ud2b8\ub860-\uc571.png\",\"contentUrl\":\"https:\/\/sap-learn-more.com\/wp-content\/uploads\/2022\/03\/SAPUI5-\ud654\uba74\uc758-\uc77c\ub809\ud2b8\ub860-\uc571.png\",\"width\":720,\"height\":350},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sap-learn-more.com\/electron-sapui5-sapui5-%ec%9d%bc%eb%a0%89%ed%8a%b8%eb%a1%a0-%eb%8d%b0%ec%8a%a4%ed%81%ac%ed%83%91%ec%95%b1\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sap-learn-more.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Electron SAPUI5 \u2013 SAPUI5 \uc77c\ub809\ud2b8\ub860 \ub370\uc2a4\ud06c\ud0d1\uc571\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sap-learn-more.com\/#website\",\"url\":\"https:\/\/sap-learn-more.com\/\",\"name\":\"SAP Space\",\"description\":\"SAP Knowledge, Tech, News, SAPUI5, ABAP\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sap-learn-more.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"ko-KR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/sap-learn-more.com\/#\/schema\/person\/6a9cf36f82ea5867c3f46f766f7d2bfa\",\"name\":\"user\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/sap-learn-more.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b58996c504c5638798eb6b511e6f49af?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b58996c504c5638798eb6b511e6f49af?s=96&d=mm&r=g\",\"caption\":\"user\"},\"sameAs\":[\"http:\/\/127.0.0.1\"],\"url\":\"https:\/\/sap-learn-more.com\/author\/user\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Electron SAPUI5 \u2013 SAPUI5 \uc77c\ub809\ud2b8\ub860 \ub370\uc2a4\ud06c\ud0d1\uc571 - SAP Space","description":"\uc6f9 \ud504\ub860\ud2b8\uc5d4\ub4dc \uae30\uc220(HTML, CSS, \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8, SAPUI5 )\ub97c \ud65c\uc6a9\ud558\uc5ec \ub370\uc2a4\ud06c\ud0d1 \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c \ud560 \uc218 \uc788\ub3c4\ub85d \ud574\uc8fc\ub294 \ub3c4\uad6c\uc778 Electron SAPUI5 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ud65c\uc6a9\ud55c quick start\ub97c \uc815\ub9ac\ud574 \ubcf4\uc558\uc2b5\ub2c8\ub2e4.","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:\/\/sap-learn-more.com\/electron-sapui5-sapui5-\uc77c\ub809\ud2b8\ub860-\ub370\uc2a4\ud06c\ud0d1\uc571\/","og_locale":"ko_KR","og_type":"article","og_title":"Electron SAPUI5 \u2013 SAPUI5 \uc77c\ub809\ud2b8\ub860 \ub370\uc2a4\ud06c\ud0d1\uc571 - SAP Space","og_description":"\uc6f9 \ud504\ub860\ud2b8\uc5d4\ub4dc \uae30\uc220(HTML, CSS, \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8, SAPUI5 )\ub97c \ud65c\uc6a9\ud558\uc5ec \ub370\uc2a4\ud06c\ud0d1 \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c \ud560 \uc218 \uc788\ub3c4\ub85d \ud574\uc8fc\ub294 \ub3c4\uad6c\uc778 Electron SAPUI5 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ud65c\uc6a9\ud55c quick start\ub97c \uc815\ub9ac\ud574 \ubcf4\uc558\uc2b5\ub2c8\ub2e4.","og_url":"https:\/\/sap-learn-more.com\/electron-sapui5-sapui5-\uc77c\ub809\ud2b8\ub860-\ub370\uc2a4\ud06c\ud0d1\uc571\/","og_site_name":"SAP Space","article_published_time":"2022-03-19T06:14:07+00:00","og_image":[{"width":720,"height":350,"url":"https:\/\/sap-learn-more.com\/wp-content\/uploads\/2022\/03\/SAPUI5-\ud654\uba74\uc758-\uc77c\ub809\ud2b8\ub860-\uc571.png","type":"image\/png"}],"author":"user","twitter_card":"summary_large_image","twitter_misc":{"Written by":"user","Est. reading time":"6\ubd84"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sap-learn-more.com\/electron-sapui5-sapui5-%ec%9d%bc%eb%a0%89%ed%8a%b8%eb%a1%a0-%eb%8d%b0%ec%8a%a4%ed%81%ac%ed%83%91%ec%95%b1\/","url":"https:\/\/sap-learn-more.com\/electron-sapui5-sapui5-%ec%9d%bc%eb%a0%89%ed%8a%b8%eb%a1%a0-%eb%8d%b0%ec%8a%a4%ed%81%ac%ed%83%91%ec%95%b1\/","name":"Electron SAPUI5 \u2013 SAPUI5 \uc77c\ub809\ud2b8\ub860 \ub370\uc2a4\ud06c\ud0d1\uc571 - SAP Space","isPartOf":{"@id":"https:\/\/sap-learn-more.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sap-learn-more.com\/electron-sapui5-sapui5-%ec%9d%bc%eb%a0%89%ed%8a%b8%eb%a1%a0-%eb%8d%b0%ec%8a%a4%ed%81%ac%ed%83%91%ec%95%b1\/#primaryimage"},"image":{"@id":"https:\/\/sap-learn-more.com\/electron-sapui5-sapui5-%ec%9d%bc%eb%a0%89%ed%8a%b8%eb%a1%a0-%eb%8d%b0%ec%8a%a4%ed%81%ac%ed%83%91%ec%95%b1\/#primaryimage"},"thumbnailUrl":"https:\/\/sap-learn-more.com\/wp-content\/uploads\/2022\/03\/SAPUI5-\ud654\uba74\uc758-\uc77c\ub809\ud2b8\ub860-\uc571.png","datePublished":"2022-03-19T06:14:07+00:00","dateModified":"2022-03-19T06:14:07+00:00","author":{"@id":"https:\/\/sap-learn-more.com\/#\/schema\/person\/6a9cf36f82ea5867c3f46f766f7d2bfa"},"description":"\uc6f9 \ud504\ub860\ud2b8\uc5d4\ub4dc \uae30\uc220(HTML, CSS, \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8, SAPUI5 )\ub97c \ud65c\uc6a9\ud558\uc5ec \ub370\uc2a4\ud06c\ud0d1 \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c \ud560 \uc218 \uc788\ub3c4\ub85d \ud574\uc8fc\ub294 \ub3c4\uad6c\uc778 Electron SAPUI5 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ud65c\uc6a9\ud55c quick start\ub97c \uc815\ub9ac\ud574 \ubcf4\uc558\uc2b5\ub2c8\ub2e4.","breadcrumb":{"@id":"https:\/\/sap-learn-more.com\/electron-sapui5-sapui5-%ec%9d%bc%eb%a0%89%ed%8a%b8%eb%a1%a0-%eb%8d%b0%ec%8a%a4%ed%81%ac%ed%83%91%ec%95%b1\/#breadcrumb"},"inLanguage":"ko-KR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sap-learn-more.com\/electron-sapui5-sapui5-%ec%9d%bc%eb%a0%89%ed%8a%b8%eb%a1%a0-%eb%8d%b0%ec%8a%a4%ed%81%ac%ed%83%91%ec%95%b1\/"]}]},{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/sap-learn-more.com\/electron-sapui5-sapui5-%ec%9d%bc%eb%a0%89%ed%8a%b8%eb%a1%a0-%eb%8d%b0%ec%8a%a4%ed%81%ac%ed%83%91%ec%95%b1\/#primaryimage","url":"https:\/\/sap-learn-more.com\/wp-content\/uploads\/2022\/03\/SAPUI5-\ud654\uba74\uc758-\uc77c\ub809\ud2b8\ub860-\uc571.png","contentUrl":"https:\/\/sap-learn-more.com\/wp-content\/uploads\/2022\/03\/SAPUI5-\ud654\uba74\uc758-\uc77c\ub809\ud2b8\ub860-\uc571.png","width":720,"height":350},{"@type":"BreadcrumbList","@id":"https:\/\/sap-learn-more.com\/electron-sapui5-sapui5-%ec%9d%bc%eb%a0%89%ed%8a%b8%eb%a1%a0-%eb%8d%b0%ec%8a%a4%ed%81%ac%ed%83%91%ec%95%b1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sap-learn-more.com\/"},{"@type":"ListItem","position":2,"name":"Electron SAPUI5 \u2013 SAPUI5 \uc77c\ub809\ud2b8\ub860 \ub370\uc2a4\ud06c\ud0d1\uc571"}]},{"@type":"WebSite","@id":"https:\/\/sap-learn-more.com\/#website","url":"https:\/\/sap-learn-more.com\/","name":"SAP Space","description":"SAP Knowledge, Tech, News, SAPUI5, ABAP","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sap-learn-more.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"ko-KR"},{"@type":"Person","@id":"https:\/\/sap-learn-more.com\/#\/schema\/person\/6a9cf36f82ea5867c3f46f766f7d2bfa","name":"user","image":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/sap-learn-more.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b58996c504c5638798eb6b511e6f49af?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b58996c504c5638798eb6b511e6f49af?s=96&d=mm&r=g","caption":"user"},"sameAs":["http:\/\/127.0.0.1"],"url":"https:\/\/sap-learn-more.com\/author\/user\/"}]}},"_links":{"self":[{"href":"https:\/\/sap-learn-more.com\/wp-json\/wp\/v2\/posts\/398"}],"collection":[{"href":"https:\/\/sap-learn-more.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sap-learn-more.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sap-learn-more.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sap-learn-more.com\/wp-json\/wp\/v2\/comments?post=398"}],"version-history":[{"count":14,"href":"https:\/\/sap-learn-more.com\/wp-json\/wp\/v2\/posts\/398\/revisions"}],"predecessor-version":[{"id":418,"href":"https:\/\/sap-learn-more.com\/wp-json\/wp\/v2\/posts\/398\/revisions\/418"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sap-learn-more.com\/wp-json\/wp\/v2\/media\/404"}],"wp:attachment":[{"href":"https:\/\/sap-learn-more.com\/wp-json\/wp\/v2\/media?parent=398"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sap-learn-more.com\/wp-json\/wp\/v2\/categories?post=398"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sap-learn-more.com\/wp-json\/wp\/v2\/tags?post=398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}