{"id":705,"date":"2022-04-07T06:31:21","date_gmt":"2022-04-07T06:31:21","guid":{"rendered":"https:\/\/sap-learn-more.com\/?p=705"},"modified":"2022-04-07T06:31:24","modified_gmt":"2022-04-07T06:31:24","slug":"sapui5-%ea%b0%95%ec%a2%8c-quick-start-%ec%b2%ab-sample-%eb%94%b0%eb%9d%bc%ed%95%98%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/sap-learn-more.com\/sapui5-%ea%b0%95%ec%a2%8c-quick-start-%ec%b2%ab-sample-%eb%94%b0%eb%9d%bc%ed%95%98%ea%b8%b0\/","title":{"rendered":"sapui5 \uac15\uc88c quick start – \uccab sample \ub530\ub77c\ud558\uae30 (2022)"},"content":{"rendered":"\n

\ucc98\uc74c SAPUI5 \ub97c \uc2dc\uc791\ud558\uba74\uc11c, \uac00\uc7a5 \uba3c\uc800 SAPUI5 \uad6c\uc870\ub97c \ubc30\uc6b8 \uc218 \uc788\ub294 SAPUI5 \uac15\uc88c quick start \uc785\ub2c8\ub2e4.<\/p>\n\n\n\n

SAPUI5\ub294 \uacc4\uc18d \ubc1c\uc804\ud558\uace0 \ubcc0\uacbd\ub418\uae30 \ub54c\ubb38\uc5d0 \ud56d\uc0c1 \ucd5c\uc2e0\uc758 \ub0b4\uc6a9\uc744 \ucc38\uace0\ud558\uc2dc\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n

\uc544\uc9c1 \ub85c\uceec \ud658\uacbd\uc5d0\uc11c SAPUI5 \uac1c\ubc1c \ud658\uacbd\uc774 \uac16\ucd94\uc5b4\uc9c0\uc9c0 \uc54a\uc558\ub2e4\uba74, \uae30\ubcf8\uc801\uc778 VSCode \uc14b\ud305\uc740 SAPUI5 Visual Studio Code \uac1c\ubc1c \ud658\uacbd \uc14b\ud305(2022, \uc708\ub3c4\uc6b010)<\/a> \uae00\uc744 \ucc38\uace0\ud558\uc2dc\uba74 \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n

\uadf8\ub9ac\uace0 \uc544\ub798 \ub0b4\uc6a9\uc740, \uacfc\uac70 SAPUI5 Quick start \uc758 \ub0b4\uc6a9(\uc6d0\uae00<\/a>)\uc744 \ud604\uc7ac ui5 \ubc84\uc804\uc5d0 \ub9de\uac8c \ubc14\uafb8\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n\n\n\n

<\/p>\n\n\n\n

yeoman\uc73c\ub85c \ud504\ub85c\uc81d\ud2b8 \uc0dd\uc131\ud558\uae30<\/h2>\n\n\n\n

\uc694\uba3c(yeoman)\uc744 \uc2e4\ud589\ud558\uc5ec SAPUI5 \uc571 scaffolding\uc744 \uc9c4\ud589\ud569\ub2c8\ub2e4. \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud560 \ub514\ub809\ud1a0\ub9ac\ub85c \uc774\ub3d9\ud558\uc5ec yo\ub97c \uc2e4\ud589\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n

\n
yo\n<\/code><\/pre>\n<\/div>\n\n\n\n
\"sapui5<\/figure><\/div>\n\n\n\n
SAPUI5 \uc2a4\uce90\ud3f4\ub529\uc744 \ub9c8\uce58\uba74 \ub2e4\uc74c\uacfc \uac19\uc740 \ud504\ub85c\uc81d\ud2b8\uac00 \uc0dd\uc131\ub418\uc5b4 \uc788\uc73c\uba70 \uc571\uc744 \uac1c\ubc1c\ud558\uae30 \uc704\ud55c \uae30\ubcf8\uc801\uc778 \ubf08\ub300\uac00 \ub9cc\ub4e4\uc5b4\uc84c\uc2b5\ub2c8\ub2e4. \uc5ec\uae30\uc11c\ub294 \ud504\ub85c\uc81d\ud2b8\uba85\uc740 hello-quick-start \ub85c \ud558\uc600\uc73c\uba70, View\uc774\ub984\uc740 View1, SAPUI5 Version\uc740 1.99.0 \uc73c\ub85c \uc9c0\uc815\ud558\uc600\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n
\n
cd hello-quick-start\n<\/code><\/pre>\n<\/div>\n\n\n\n
\ud574\ub2f9 wepapp \ub514\ub809\ud1a0\ub9ac\uc5d0\ub294 controller, model, view, Component.js, manifest.json \ub4f1 SAPUI5 \uc571\uc5d0 \ud544\uc694\ud55c \uae30\ubcf8\uc801\uc778 \uad6c\uc870 \ubc0f \ud30c\uc77c\uc774 \uc0dd\uc131\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n
\"controller,<\/figure><\/div>\n\n\n\n
Visual Studio Code\ub97c \ud1b5\ud574 \ud574\ub2f9 \ub514\ub809\ud1a0\ub9ac\ub97c \uc5f4\uc5b4 Preview Application \uc744 \uc2e4\ud589\ud574 \ubcf4\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4. start fiori run…\uc744 \uc120\ud0dd\ud558\uba74 \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n
\n
start fiori --open \"....\"\n<\/code><\/pre>\n<\/div>\n\n\n\n
\"start<\/figure><\/div>\n\n\n\n
\uc2e4\ud589\ud558\uba74 \ub85c\uceec \uc11c\ubc84\ub97c \ud1b5\ud574 hello-quick-start \uac00 \ud638\ucd9c\ub428\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n
\"\uc2e4\ud589\ud558\uba74<\/figure><\/div>\n\n\n\n
sapui5 \uac15\uc88c Hello world \ucd9c\ub825 – Text<\/h2>\n\n\n\n
\uac00\uc7a5 \uba3c\uc800 Hello world\ub97c \ucc0d\uc5b4\ubcf4\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n
View1.view.xml \ud30c\uc77c\uc744 \uc5f4\uc5ec  \ud0dc\uadf8 \uc548\uc5d0 \ub2e4\uc74c\uacfc \uac19\uc774 Text \ud0dc\uadf8\ub97c \uc791\uc131\ud558\uace0 \uc2e4\ud589\ud569\ub2c8\ub2e4.<\/content><\/p>\n\n\n\n
View1.view.xml<\/view1.view.xml><\/p>\n\n\n\n
\n
<mvc:View\n    controllerName=\"helloquickstart.controller.View1\"\n    xmlns:mvc=\"sap.ui.core.mvc\"\n    displayBlock=\"true\"\n    xmlns=\"sap.m\"\n>\n    <Shell id=\"shell\">\n        <App id=\"app\">\n            <pages>\n                <Page id=\"page\" title=\"{i18n>title}\">\n                    <content>\n                        <Text text=\"Hello world!\"><\/Text>\n                    <\/content>\n                    <!-- <content \/> -->\n                <\/Page>\n            <\/pages>\n        <\/App>\n    <\/Shell>\n<\/mvc:View>\n<\/code><\/pre>\n<\/div>\n\n\n\n
start fiori \ub97c \ud1b5\ud574 \ub2e4\uc2dc \uc2e4\ud589\uc744 \ud558\uba74 Hello world \ud14d\uc2a4\ud2b8\uac00 \ucd9c\ub825\ub418\ub294 \uac83\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n
\"Hello<\/figure><\/div>\n\n\n\n
Hello world Message \ucd9c\ub825 – MessageToast<\/h2>\n\n\n\n
\uadf8\ub7ec\uba74 \uc774\uc81c \ubc84\ud2bc\uc744 \ub204\ub974\uba74 MessageToast \ubc15\uc2a4\uac00 \ucd9c\ub825\ub420 \uc218 \uc788\ub3c4\ub85d \ubcc0\uacbd\ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n
\uba3c\uc800 hello world \ud14d\uc2a4\ud2b8\ub294 \uc9c0\uc6cc\uc8fc\uace0, \ud654\uba74\uc5d0 \ud574 \ubc84\ud2bc \ud558\ub098\ub97c xml \uc5d0 \ucd94\uac00\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
View1.view.xml<\/p>\n\n\n\n
\n
<mvc:View\n    controllerName=\"helloquickstart.controller.View1\"\n    xmlns:mvc=\"sap.ui.core.mvc\"\n    displayBlock=\"true\"\n    xmlns=\"sap.m\"\n>\n    <Shell id=\"shell\">\n        <App id=\"app\">\n            <pages>\n                <Page id=\"page\" title=\"{i18n>title}\">\n                    <content>\n                        <HBox>\n                            <Button text=\"Hello world!\"\n                            press=\"onPress\"><\/Button>\n                        <\/HBox>\n                    <\/content>\n                <\/Page>\n            <\/pages>\n        <\/App>\n    <\/Shell>\n<\/mvc:View>\n<\/code><\/pre>\n<\/div>\n\n\n\n
\ud574\ub2f9 \ubc84\ud2bc press \uc774\ubca4\ud2b8\uc5d0\ub294 onPress \ud568\uc218\ub97c \uc815\uc758\ud574 \uc90d\ub2c8\ub2e4.<\/p>\n\n\n\n
\n
<Button text=\"Hello world!\" press=\"onPress\"><\/Button>\n<\/code><\/pre>\n<\/div>\n\n\n\n
view\uc5d0\uc11c \uc774\ubca4\ud2b8\uac00 \ubc1c\uc0dd\ud558\uba74 view.xml \ud30c\uc77c \uc0c1\ub2e8\uc5d0 \uc815\uc758\ub418\uc5b4 \uc788\ub294 controller js \ud30c\uc77c \ub0b4\uc758 onPress \ud568\uc218\ub97c \ud638\ucd9c\ud558\uac8c \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n
\ucee8\ud2b8\ub864\ub7ec js \ud30c\uc77c\uc5d0 onPress \ud568\uc218\ub97c \uc544\ub798\uc640 \uac19\uc774 \ucd94\uac00\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
view.controller.js<\/p>\n\n\n\n
\n
return Controller.extend(\"helloquickstart.controller.View1\", {\n    onInit: function () {\n      console.log(\"onInit\");\n    },\n    onPress: () => {\n      console.log(\"onPress\");\n    },\n  });\n<\/code><\/pre>\n<\/div>\n\n\n\n
hello world \ubc84\ud2bc\uc744 \ud074\ub9ad\ud55c \ud6c4 \uac1c\ubc1c\uc790 \ub3c4\uad6c\ub97c \ud1b5\ud574 console \ucc3d\uc744 \ud655\uc778\ud574 \ubcf4\uba74 “on press”\uac00 \ucf58\uc194 \ub85c\uadf8\uc5d0 \ucd9c\ub825\ub418\ub294 \uac83\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n
View\uc5d0\uc11c Controller\ub97c \ucc3e\ub294 \uaddc\uce59\uc740<\/h2>\n\n\n\n
View\uc5d0\uc11c\ub294 [\ud504\ub85c\uc81d\ud2b8\uba85.controller\ub514\ub809\ud1a0\ub9ac.controller \uba85\uce6d ]<\/strong> \uc774 \uaddc\uce59\uc73c\ub85c controller\ub97c \ucc3e\uac8c \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n
\n
...\n\ncontrollerName=\"helloquickstart.controller.View1\"\n...\n\n<\/code><\/pre>\n<\/div>\n\n\n\n
\ub530\ub77c\uc11c, controller \ub514\ub809\ud1a0\ub9ac \ubc11\uc5d0 \ud30c\uc77c\uba85\uc744 \uc77c\ubd80\ub7ec \ubc14\uafb8\uc5b4 \ub2e4\ub974\uac8c \ud558\uac70\ub098,<\/p>\n\n\n\n
\"controller<\/figure><\/div>\n\n\n\n
View \ud30c\uc77c\uc5d0\uc11c controllerName\uc744 \ubc14\uafb8\uac8c \ub418\uba74,<\/p>\n\n\n\n
\n
controllerName=\"helloquickstart.controller.View2\"\n<\/code><\/pre>\n<\/div>\n\n\n\n
View\uc640 Controller\uc758 \uc5f0\uacb0\uace0\ub9ac\uac00 \ub04a\uaca8 \ub2e4\uc74c\uacfc \uac19\uc740 \uc5d0\ub7ec\ub97c \ub9cc\ub0a0 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n
\"View\uc640<\/figure><\/div>\n\n\n\n
\ubb3c\ub860 controller \ud30c\uc77c\uba85 \ubc0f controllerName\uc744 \ubaa8\ub450 \ub3d9\uc77c\ud558\uac8c View2\ub85c \ubc14\uafb8\uac8c \ub418\uba74 \uc624\ub958\uc5c6\uc774 \uc815\uc0c1\uc801\uc73c\ub85c \ub3d9\uc791\ud558\uac8c \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n
<\/p>\n\n\n\n
sapui5 \uac15\uc88c – MessageToast \uba54\uc2dc\uc9c0 \uc0ac\uc6a9\ud558\uae30<\/h2>\n\n\n\n
\uc774\uc81c MessageToast \ub97c \uc5f0\uacb0\ud574 \ubcf4\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n
\uba3c\uc800 MessageToast \ubaa8\ub4c8\uc744 \uc120\uc5b8\ud55c \ud6c4 \uba54\uc18c\ub4dc \ub4f1\uc744 \ud638\ucd9c\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
Controller \ud30c\uc77c\uc5d0 \ub2e4\uc74c\uacfc \uac19\uc774 “sap\/m\/MessageToast”<\/strong> Dependency\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
<\/p>\n\n\n\n
view.controller.js<\/p>\n\n\n\n
\n
sap.ui.define(  [\n  \"sap\/ui\/core\/mvc\/Controller\", \n  \"sap\/m\/MessageToast\" \/\/\u2605 \ucd94\uac00\n],\n  function (Controller, MessageToast) { \/\/\u2605 \ucd94\uac00\n    \"use strict\";\n    return Controller.extend(\"helloquickstart.controller.View1\", {\n      onInit: function () {\n        console.log(\"onInit\");\n      },\n      onPress: () => {},\n    });\n  }\n);\n<\/code><\/pre>\n<\/div>\n\n\n\n
\uc758\uc874\uc131 \uad00\ub9ac \ub4f1\uc744 \uc704\ud574 sapui5\ub294 sap.ui.define \ubaa8\ub4c8 \ub85c\ub529 \ud5ec\ud37c \ud234\uc744 \uc0ac\uc6a9\ud558\uba70, define\uc5d0 \uc815\uc758\ud55c \ubaa8\ub4c8\uc758 \uc21c\uc11c\uc640 function \ub9e4\uac1c\ubcc0\uc218\uc758 \uc21c\uc11c\ub294 \ub3d9\uc77c\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
\"define\uc5d0<\/figure><\/div>\n\n\n\n
\uadf8\ub9ac\uace0 onPress \uc774\ubca4\ud2b8\uc5d0 \ub2e4\uc74c\uacfc \uac19\uc774 MessageToast.show \ucf54\ub4dc\ub97c \uc785\ub825\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n
<\/p>\n\n\n\n
view.controller.js<\/p>\n\n\n\n
\n
...\n\n      onPress: () => {\n        MessageToast.show(\"Hello World!!!\");\n      },\n    });\n...\n\n<\/code><\/pre>\n<\/div>\n\n\n\n
\ud504\ub85c\uadf8\ub7a8\uc744 \uc2e4\ud589\ud55c \ud6c4 Hello world! \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uba74 \uc544\ub798\uc640 \uac19\uc774 \uba54\uc2dc\uc9c0\uac00 \ubcf4\uc774\uac8c \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n
\"sapui5<\/figure><\/div>\n\n\n\n
\uc774\uc0c1\uc73c\ub85c quick start\ub97c \uc54c\uc544\ubcf4\uc558\uc2b5\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"
\ucc98\uc74c SAPUI5 \ub97c \uc2dc\uc791\ud558\uba74\uc11c, \uac00\uc7a5 \uba3c\uc800 SAPUI5 \uad6c\uc870\ub97c \ubc30\uc6b8 \uc218 \uc788\ub294 SAPUI5 \uac15\uc88c quick start \uc785\ub2c8\ub2e4. SAPUI5\ub294 \uacc4\uc18d \ubc1c\uc804\ud558\uace0 \ubcc0\uacbd\ub418\uae30 \ub54c\ubb38\uc5d0 \ud56d\uc0c1 \ucd5c\uc2e0\uc758 \ub0b4\uc6a9\uc744 \ucc38\uace0\ud558\uc2dc\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4. \uc544\uc9c1 \ub85c\uceec \ud658\uacbd\uc5d0\uc11c SAPUI5 \uac1c\ubc1c \ud658\uacbd\uc774 \uac16\ucd94\uc5b4\uc9c0\uc9c0 \uc54a\uc558\ub2e4\uba74, \uae30\ubcf8\uc801\uc778 VSCode \uc14b\ud305\uc740 SAPUI5 Visual Studio Code \uac1c\ubc1c \ud658\uacbd \uc14b\ud305(2022, \uc708\ub3c4\uc6b010) \uae00\uc744 \ucc38\uace0\ud558\uc2dc\uba74 \ub429\ub2c8\ub2e4. \uadf8\ub9ac\uace0 \uc544\ub798 \ub0b4\uc6a9\uc740, \uacfc\uac70 SAPUI5 Quick … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":710,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[101,15,39],"yoast_head":"\nsapui5 \uac15\uc88c quick start - \uccab sample \ub530\ub77c\ud558\uae30 (2022) - SAP Space<\/title>\n<meta name=\"description\" content=\"\ucc98\uc74c SAPUI5 \ub97c \uc2dc\uc791\ud558\uba74\uc11c, \uac00\uc7a5 \uba3c\uc800 SAPUI5 \uad6c\uc870\ub97c \ubc30\uc6b8 \uc218 \uc788\ub294 SAPUI5 \uac15\uc88c quick start \uc785\ub2c8\ub2e4. SAPUI5 \ub85c MessageToast \ub97c \ud1b5\ud574 hello world\ub97c \ucd9c\ub825\ud569\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\/sapui5-\uac15\uc88c-quick-start-\uccab-sample-\ub530\ub77c\ud558\uae30\/\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"sapui5 \uac15\uc88c quick start - \uccab sample \ub530\ub77c\ud558\uae30 (2022) - SAP Space\" \/>\n<meta property=\"og:description\" content=\"\ucc98\uc74c SAPUI5 \ub97c \uc2dc\uc791\ud558\uba74\uc11c, \uac00\uc7a5 \uba3c\uc800 SAPUI5 \uad6c\uc870\ub97c \ubc30\uc6b8 \uc218 \uc788\ub294 SAPUI5 \uac15\uc88c quick start \uc785\ub2c8\ub2e4. SAPUI5 \ub85c MessageToast \ub97c \ud1b5\ud574 hello world\ub97c \ucd9c\ub825\ud569\ub2c8\ub2e4.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sap-learn-more.com\/sapui5-\uac15\uc88c-quick-start-\uccab-sample-\ub530\ub77c\ud558\uae30\/\" \/>\n<meta property=\"og:site_name\" content=\"SAP Space\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-07T06:31:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-07T06:31:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sap-learn-more.com\/wp-content\/uploads\/2022\/04\/\ud504\ub85c\uadf8\ub7a8\uc744-\uc2e4\ud589\ud55c-\ud6c4-Hello-world-\ubc84\ud2bc\uc744-\ud074\ub9ad\ud558\uba74-\uc544\ub798\uc640-\uac19\uc774-\uba54\uc2dc\uc9c0-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"237\" \/>\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=\"7\ubd84\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sap-learn-more.com\/sapui5-%ea%b0%95%ec%a2%8c-quick-start-%ec%b2%ab-sample-%eb%94%b0%eb%9d%bc%ed%95%98%ea%b8%b0\/\",\"url\":\"https:\/\/sap-learn-more.com\/sapui5-%ea%b0%95%ec%a2%8c-quick-start-%ec%b2%ab-sample-%eb%94%b0%eb%9d%bc%ed%95%98%ea%b8%b0\/\",\"name\":\"sapui5 \uac15\uc88c quick start - \uccab sample \ub530\ub77c\ud558\uae30 (2022) - SAP Space\",\"isPartOf\":{\"@id\":\"https:\/\/sap-learn-more.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sap-learn-more.com\/sapui5-%ea%b0%95%ec%a2%8c-quick-start-%ec%b2%ab-sample-%eb%94%b0%eb%9d%bc%ed%95%98%ea%b8%b0\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sap-learn-more.com\/sapui5-%ea%b0%95%ec%a2%8c-quick-start-%ec%b2%ab-sample-%eb%94%b0%eb%9d%bc%ed%95%98%ea%b8%b0\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sap-learn-more.com\/wp-content\/uploads\/2022\/04\/\ud504\ub85c\uadf8\ub7a8\uc744-\uc2e4\ud589\ud55c-\ud6c4-Hello-world-\ubc84\ud2bc\uc744-\ud074\ub9ad\ud558\uba74-\uc544\ub798\uc640-\uac19\uc774-\uba54\uc2dc\uc9c0-1.png\",\"datePublished\":\"2022-04-07T06:31:21+00:00\",\"dateModified\":\"2022-04-07T06:31:24+00:00\",\"author\":{\"@id\":\"https:\/\/sap-learn-more.com\/#\/schema\/person\/6a9cf36f82ea5867c3f46f766f7d2bfa\"},\"description\":\"\ucc98\uc74c SAPUI5 \ub97c \uc2dc\uc791\ud558\uba74\uc11c, \uac00\uc7a5 \uba3c\uc800 SAPUI5 \uad6c\uc870\ub97c \ubc30\uc6b8 \uc218 \uc788\ub294 SAPUI5 \uac15\uc88c quick start \uc785\ub2c8\ub2e4. SAPUI5 \ub85c MessageToast \ub97c \ud1b5\ud574 hello world\ub97c \ucd9c\ub825\ud569\ub2c8\ub2e4.\",\"breadcrumb\":{\"@id\":\"https:\/\/sap-learn-more.com\/sapui5-%ea%b0%95%ec%a2%8c-quick-start-%ec%b2%ab-sample-%eb%94%b0%eb%9d%bc%ed%95%98%ea%b8%b0\/#breadcrumb\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sap-learn-more.com\/sapui5-%ea%b0%95%ec%a2%8c-quick-start-%ec%b2%ab-sample-%eb%94%b0%eb%9d%bc%ed%95%98%ea%b8%b0\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/sap-learn-more.com\/sapui5-%ea%b0%95%ec%a2%8c-quick-start-%ec%b2%ab-sample-%eb%94%b0%eb%9d%bc%ed%95%98%ea%b8%b0\/#primaryimage\",\"url\":\"https:\/\/sap-learn-more.com\/wp-content\/uploads\/2022\/04\/\ud504\ub85c\uadf8\ub7a8\uc744-\uc2e4\ud589\ud55c-\ud6c4-Hello-world-\ubc84\ud2bc\uc744-\ud074\ub9ad\ud558\uba74-\uc544\ub798\uc640-\uac19\uc774-\uba54\uc2dc\uc9c0-1.png\",\"contentUrl\":\"https:\/\/sap-learn-more.com\/wp-content\/uploads\/2022\/04\/\ud504\ub85c\uadf8\ub7a8\uc744-\uc2e4\ud589\ud55c-\ud6c4-Hello-world-\ubc84\ud2bc\uc744-\ud074\ub9ad\ud558\uba74-\uc544\ub798\uc640-\uac19\uc774-\uba54\uc2dc\uc9c0-1.png\",\"width\":720,\"height\":237},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sap-learn-more.com\/sapui5-%ea%b0%95%ec%a2%8c-quick-start-%ec%b2%ab-sample-%eb%94%b0%eb%9d%bc%ed%95%98%ea%b8%b0\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sap-learn-more.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"sapui5 \uac15\uc88c quick start – \uccab sample \ub530\ub77c\ud558\uae30 (2022)\"}]},{\"@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":"sapui5 \uac15\uc88c quick start - \uccab sample \ub530\ub77c\ud558\uae30 (2022) - SAP Space","description":"\ucc98\uc74c SAPUI5 \ub97c \uc2dc\uc791\ud558\uba74\uc11c, \uac00\uc7a5 \uba3c\uc800 SAPUI5 \uad6c\uc870\ub97c \ubc30\uc6b8 \uc218 \uc788\ub294 SAPUI5 \uac15\uc88c quick start \uc785\ub2c8\ub2e4. SAPUI5 \ub85c MessageToast \ub97c \ud1b5\ud574 hello world\ub97c \ucd9c\ub825\ud569\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\/sapui5-\uac15\uc88c-quick-start-\uccab-sample-\ub530\ub77c\ud558\uae30\/","og_locale":"ko_KR","og_type":"article","og_title":"sapui5 \uac15\uc88c quick start - \uccab sample \ub530\ub77c\ud558\uae30 (2022) - SAP Space","og_description":"\ucc98\uc74c SAPUI5 \ub97c \uc2dc\uc791\ud558\uba74\uc11c, \uac00\uc7a5 \uba3c\uc800 SAPUI5 \uad6c\uc870\ub97c \ubc30\uc6b8 \uc218 \uc788\ub294 SAPUI5 \uac15\uc88c quick start \uc785\ub2c8\ub2e4. SAPUI5 \ub85c MessageToast \ub97c \ud1b5\ud574 hello world\ub97c \ucd9c\ub825\ud569\ub2c8\ub2e4.","og_url":"https:\/\/sap-learn-more.com\/sapui5-\uac15\uc88c-quick-start-\uccab-sample-\ub530\ub77c\ud558\uae30\/","og_site_name":"SAP Space","article_published_time":"2022-04-07T06:31:21+00:00","article_modified_time":"2022-04-07T06:31:24+00:00","og_image":[{"width":720,"height":237,"url":"https:\/\/sap-learn-more.com\/wp-content\/uploads\/2022\/04\/\ud504\ub85c\uadf8\ub7a8\uc744-\uc2e4\ud589\ud55c-\ud6c4-Hello-world-\ubc84\ud2bc\uc744-\ud074\ub9ad\ud558\uba74-\uc544\ub798\uc640-\uac19\uc774-\uba54\uc2dc\uc9c0-1.png","type":"image\/png"}],"author":"user","twitter_card":"summary_large_image","twitter_misc":{"Written by":"user","Est. reading time":"7\ubd84"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sap-learn-more.com\/sapui5-%ea%b0%95%ec%a2%8c-quick-start-%ec%b2%ab-sample-%eb%94%b0%eb%9d%bc%ed%95%98%ea%b8%b0\/","url":"https:\/\/sap-learn-more.com\/sapui5-%ea%b0%95%ec%a2%8c-quick-start-%ec%b2%ab-sample-%eb%94%b0%eb%9d%bc%ed%95%98%ea%b8%b0\/","name":"sapui5 \uac15\uc88c quick start - \uccab sample \ub530\ub77c\ud558\uae30 (2022) - SAP Space","isPartOf":{"@id":"https:\/\/sap-learn-more.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sap-learn-more.com\/sapui5-%ea%b0%95%ec%a2%8c-quick-start-%ec%b2%ab-sample-%eb%94%b0%eb%9d%bc%ed%95%98%ea%b8%b0\/#primaryimage"},"image":{"@id":"https:\/\/sap-learn-more.com\/sapui5-%ea%b0%95%ec%a2%8c-quick-start-%ec%b2%ab-sample-%eb%94%b0%eb%9d%bc%ed%95%98%ea%b8%b0\/#primaryimage"},"thumbnailUrl":"https:\/\/sap-learn-more.com\/wp-content\/uploads\/2022\/04\/\ud504\ub85c\uadf8\ub7a8\uc744-\uc2e4\ud589\ud55c-\ud6c4-Hello-world-\ubc84\ud2bc\uc744-\ud074\ub9ad\ud558\uba74-\uc544\ub798\uc640-\uac19\uc774-\uba54\uc2dc\uc9c0-1.png","datePublished":"2022-04-07T06:31:21+00:00","dateModified":"2022-04-07T06:31:24+00:00","author":{"@id":"https:\/\/sap-learn-more.com\/#\/schema\/person\/6a9cf36f82ea5867c3f46f766f7d2bfa"},"description":"\ucc98\uc74c SAPUI5 \ub97c \uc2dc\uc791\ud558\uba74\uc11c, \uac00\uc7a5 \uba3c\uc800 SAPUI5 \uad6c\uc870\ub97c \ubc30\uc6b8 \uc218 \uc788\ub294 SAPUI5 \uac15\uc88c quick start \uc785\ub2c8\ub2e4. SAPUI5 \ub85c MessageToast \ub97c \ud1b5\ud574 hello world\ub97c \ucd9c\ub825\ud569\ub2c8\ub2e4.","breadcrumb":{"@id":"https:\/\/sap-learn-more.com\/sapui5-%ea%b0%95%ec%a2%8c-quick-start-%ec%b2%ab-sample-%eb%94%b0%eb%9d%bc%ed%95%98%ea%b8%b0\/#breadcrumb"},"inLanguage":"ko-KR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sap-learn-more.com\/sapui5-%ea%b0%95%ec%a2%8c-quick-start-%ec%b2%ab-sample-%eb%94%b0%eb%9d%bc%ed%95%98%ea%b8%b0\/"]}]},{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/sap-learn-more.com\/sapui5-%ea%b0%95%ec%a2%8c-quick-start-%ec%b2%ab-sample-%eb%94%b0%eb%9d%bc%ed%95%98%ea%b8%b0\/#primaryimage","url":"https:\/\/sap-learn-more.com\/wp-content\/uploads\/2022\/04\/\ud504\ub85c\uadf8\ub7a8\uc744-\uc2e4\ud589\ud55c-\ud6c4-Hello-world-\ubc84\ud2bc\uc744-\ud074\ub9ad\ud558\uba74-\uc544\ub798\uc640-\uac19\uc774-\uba54\uc2dc\uc9c0-1.png","contentUrl":"https:\/\/sap-learn-more.com\/wp-content\/uploads\/2022\/04\/\ud504\ub85c\uadf8\ub7a8\uc744-\uc2e4\ud589\ud55c-\ud6c4-Hello-world-\ubc84\ud2bc\uc744-\ud074\ub9ad\ud558\uba74-\uc544\ub798\uc640-\uac19\uc774-\uba54\uc2dc\uc9c0-1.png","width":720,"height":237},{"@type":"BreadcrumbList","@id":"https:\/\/sap-learn-more.com\/sapui5-%ea%b0%95%ec%a2%8c-quick-start-%ec%b2%ab-sample-%eb%94%b0%eb%9d%bc%ed%95%98%ea%b8%b0\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sap-learn-more.com\/"},{"@type":"ListItem","position":2,"name":"sapui5 \uac15\uc88c quick start – \uccab sample \ub530\ub77c\ud558\uae30 (2022)"}]},{"@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\/705"}],"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=705"}],"version-history":[{"count":3,"href":"https:\/\/sap-learn-more.com\/wp-json\/wp\/v2\/posts\/705\/revisions"}],"predecessor-version":[{"id":717,"href":"https:\/\/sap-learn-more.com\/wp-json\/wp\/v2\/posts\/705\/revisions\/717"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sap-learn-more.com\/wp-json\/wp\/v2\/media\/710"}],"wp:attachment":[{"href":"https:\/\/sap-learn-more.com\/wp-json\/wp\/v2\/media?parent=705"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sap-learn-more.com\/wp-json\/wp\/v2\/categories?post=705"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sap-learn-more.com\/wp-json\/wp\/v2\/tags?post=705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}