{"id":1383,"date":"2015-11-30T16:29:09","date_gmt":"2015-11-30T07:29:09","guid":{"rendered":"https:\/\/jennifersoft.com\/ko\/?p=1383"},"modified":"2016-01-05T16:23:49","modified_gmt":"2016-01-05T07:23:49","slug":"2015-03-02","status":"publish","type":"post","link":"https:\/\/jennifersoft.com\/ko\/news\/report\/2015-03-02\/","title":{"rendered":"\uacf5\uac1cSW \ud65c\uc6a9 \uc131\uacf5\uc0ac\ub840_\uc81c\ub2c8\ud37c\uc18c\ud504\ud2b8 – \uacf5\uac1cSW \uc720\uc800\uc5d0\uc11c \ucee8\ud2b8\ub9ac\ubdf0\ud130\ub85c"},"content":{"rendered":"

\uacf5\uac1cSW \ud65c\uc6a9\ud55c \uc194\ub8e8\uc158 \uac1c\ubc1c\ubd80\ud130 UI \ucef4\ud3ec\ub10c\ud2b8 \uacf5\uac1c\uae4c\uc9c0<\/P>\r\n\r\n\"jui<\/a>\r\n\r\n

\r\n\uac1c\ubc29, \ucc38\uc5ec, \uacf5\uc720\ub85c \uc774\uc5b4\uc9c0\ub294 \uacf5\uac1cSW\ub294 \ud604\uc7ac IT \uc5c5\uacc4\ub97c \uad00\ud1b5\ud558\ub294 \ud070 \ud750\ub984\uc774\ub2e4. \uc9c0\uc2dd\uc758 \uad50\ub958\ub294 \uc9d1\ub2e8\uc9c0\uc131\uc758 \ubb3c\uacb0\uc744 \uc774\ub904 \ube45\ub370\uc774\ud130, IoT(\uc0ac\ubb3c\uc778\ud130\ub137) \ub4f1 \uc0c8\ub85c\uc6b4 \uc870\ub958\uc758 \uadfc\uac04\uc774 \ub418\uace0 \uc788\ub2e4. \ud2b9\ud788 \uacf5\uac1cSW \ucee8\ud2b8\ub9ac\ubdf0\uc158\uc740 \uc774\ub7ec\ud55c \ud750\ub984\uc744 \ub354\uc6b1 \uac00\uc18d\ud654 \uc2dc\ud0a4\ub294 \uc6d0\ub3d9\ub825\uc73c\ub85c \uc791\uc6a9\ud55c\ub2e4. \ub54c\ubb38\uc5d0 \uc804 \uc138\uacc4 \uc720\uc218 \uae30\uc5c5\ub4e4\uc774 \uc55e\ub2e4\ud248 \uacf5\uac1cSW \ud504\ub85c\uc81d\ud2b8\uc5d0 \uae30\uc5ec\ud558\ub294 \uc774\uc720\uc778 \uac83\uc774\ub2e4. \uad6d\ub0b4\ub3c4 \uc0ac\ub840\ub97c \ucc3e\uc744 \uc218 \uc788\ub2e4. \uc138\uc2ec\ud55c \ubcf5\uc9c0\uc640 \ucf8c\uc801\ud55c \uadfc\ubb34\ud658\uacbd\uc73c\ub85c \uc138\uac04\uc5d0 \u2018\uafc8\uc758 \uc9c1\uc7a5\u2019\uc774\ub77c\uace0 \uc54c\ub824\uc9c4 \uc81c\ub2c8\ud37c\uc18c\ud504\ud2b8\uac00 \uacf5\uac1cSW\uc758 \ub3c4\uc785\uacfc \ud65c\uc6a9\uc744 \ub118\uc5b4 \ubc30\ud3ec\uc5d0 \ub098\uc11c \uc8fc\ubaa9\ubc1b\uace0 \uc788\ub2e4. \ub9e4\ub144 \uc131\uc7a5 \uc911\uc778 APM<\/span> \uc2dc\uc7a5\uc5d0\uc11c \uc774\ub97c \uc120\ub3c4\ud558\ub294 \uac15\uc18c\uae30\uc5c5\uc73c\ub85c \uc790\ub9ac\ub9e4\uae40\ud55c \ud68c\uc0ac\ub294 \uc9c1\uc6d0\ub4e4\uc758 \ucc3d\uc758\uc131\uacfc \uc7a0\uc7ac\ub825\uc744 \uadfc\uac04\uc73c\ub85c \uacf5\uac1cSW\ub85c \ub354\uc6b1 \uc758\ubbf8 \uc788\ub294 \ubc1c\uc804\ubc29\ud5a5\uc744 \ucc3e\uc740 \uac83\uc774\ub2e4.<\/P>\r\n<\/p>\r\n\r\n

– \uae30 \uad00 : \uc81c\ub2c8\ud37c\uc18c\ud504\ud2b8\r\n– \uc218\ud589\ub144\ub3c4 : 2014\ub144<\/P>\r\n

– \ub3c4\uc785\ubc30\uacbd : \u2018\uc81c\ub2c8\ud37c5\u2019\uc758 HTML5 \uae30\ubc18 \ub300\uc2dc\ubcf4\ub4dc \uad6c\ud604<\/P>\r\n

– \uc194 \ub8e8 \uc158 : Jetty(\uc81c\ud2f0), WebSocket(\uc6f9\uc18c\ucf13), ArrayBuffer(\uc5b4\ub808\uc774\ubc84\ud37c), SVG<\/span>, Canvas(\uce94\ubc84\uc2a4), Moment.js(\ubaa8\uba58\ud2b8JS), NotificaionAPI<\/span><\/acronym>, WYSIWYG<\/span><\/acronym><\/P>\r\n\r\n

– \ub3c4\uc785\ud6a8\uacfc : \u2018\uc81c\ub2c8\ud37c5\u2019\uc758 N\uc2a4\ud06c\ub9b0 \ubaa8\ub2c8\ud130\ub9c1 \ud658\uacbd \uc9c0\uc6d0, \ube44\uc6a9 \uc808\uac10 \ubc0f \ubca4\ub354\uc885\uc18d\uc131 \ud0c8\ud53c<\/P>\r\n\r\n

\r\n\uc9c0\ub09c 2005\ub144 \uc124\ub9bd\ud55c \uc81c\ub2c8\ud37c\uc18c\ud504\ud2b8\ub294 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uc131\ub2a5 \uad00\ub9ac(APM<\/span>) \uc18c\ud504\ud2b8\uc6e8\uc5b4(SW) \uc804\ubb38 \uac1c\ubc1c\uc0ac\ub2e4. \ud68c\uc0ac\uac00 \uac1c\ubc1c\ud55c APM<\/span> \uc194\ub8e8\uc158 \u2018\uc81c\ub2c8\ud37c(JENNIFER<\/span>)\u2019\ub294 \ucd9c\uc2dc \uc774\ud6c4 10\ub144\uac04 \uad6d\ub0b4 \uc2dc\uc7a5\uc5d0\uc11c \uc810\uc720\uc728 65% \uc774\uc0c1\uc744 \uc720\uc9c0\ud558\uba74\uc11c \uc120\ub450\ub97c \uace0\uc218\ud574\uc628 \uad6d\uc0b0 SW\uc81c\ud488\uc774\ub2e4. \ud604\uc7ac \uad6d\ubc29\ubd80, \ubb38\ud654\uccb4\uc721\uad00\uad11\ubd80, \uacbd\ucc30\uccad, \uad00\uc138\uccad \ub4f1 \uacf5\uacf5\uc744 \ube44\ub86f\ud574, \uae08\uc735, \uc758\ub8cc, \uc81c\uc870, IT \ub4f1 \ub2e4\uc591\ud55c \uc0b0\uc5c5\uad70\uc5d0\uc11c 900\uc5ec \ub204\uc801 \uace0\uac1d\uc0ac\ub97c \ubcf4\uc720\ud558\uace0 \uc788\ub2e4. \ub610 \uae00\ub85c\ubc8c \uc2dc\uc7a5\uc5d0\uc11c\ub3c4 \ubbf8\uad6d, \uc720\ub7fd, \uc77c\ubcf8, \uc911\uad6d, \ub3d9\ub0a8\uc544 \ub4f1\uc5d0\uc11c 100\uc5ec \uace0\uac1d\uc0ac\ub97c \ud655\ubcf4\ud55c \uc0c1\ud0dc\ub2e4.<\/P>\r\n\r\n

\uc81c\ub2c8\ud37c\uc18c\ud504\ud2b8\ub294 \uc774 \uac19\uc740 \uc120\uc804\uc758 \ube44\uacb0\ub85c \uae30\uc220\ub825\uc744 \uaf3d\uc558\ub2e4. \uc804\ubb38\uc801\uc778 \ub178\ud558\uc6b0\ub97c \ubc14\ud0d5\uc73c\ub85c \uc9c0\ub09c\ud574 \uc0c8\ub86d\uac8c \uc120\ubcf4\uc778 \u2018\uc81c\ub2c8\ud37c5\u2019\ub294 \uc2dc\uc2a4\ud15c\uc5d0 \ucd94\uac00\uc801\uc778 \ubd80\ub2f4\uc744 \uc8fc\uc9c0 \uc54a\ub3c4\ub85d \uacbd\ub7c9\ud654\ub410\uc73c\uba70, \uc2e4\uc2dc\uac04 \ubc0f \uac1c\ubcc4 \ud2b8\ub79c\uc7ad\uc158\uc5d0 \ub300\ud55c \ubaa8\ub2c8\ud130\ub9c1\uc744 \uc9c0\uc6d0\ud55c\ub2e4. \ud2b9\ud788, \uac1c\ubc1c\ub2e8\uacc4\uc5d0\uc11c\ubd80\ud130 \uac1c\ubc1c\uc790\uc640 \ub514\uc790\uc774\ub108\uac00 \ud568\uaed8 \ub17c\uc758\ud574 \uc0ac\uc6a9\uc131\uacfc \ub514\uc790\uc778\uc744 \uacb8\ube44\ud55c UX\u00b7UI\ub97c \uc81c\uacf5\ud558\ub294\ub370 \uc8fc\uc548\uc810\uc744 \ub480\ub2e4. \uc81c\ud488 \uc790\uccb4\uc758 \uacbd\uc7c1\ub825\uc73c\ub85c \uc2b9\ubd80\ud558\ub294 \uc81c\ub2c8\ud37c\uc18c\ud504\ud2b8\uc758 \ucca0\ud559\uc744 \uc5ff\ubcfc \uc218 \uc788\ub294 \ubd80\ubd84\uc774\ub2e4.<\/P>\r\n\r\n

\u2018\uc81c\ub2c8\ud37c\u2019\uc758 N\uc2a4\ud06c\ub9b0 \ubaa8\ub2c8\ud130\ub9c1 \uc9c0\uc6d0\uc744 \uc704\ud574<\/P>\r\n\r\n

\uc81c\ub2c8\ud37c\uc18c\ud504\ud2b8\uac00 \uacf5\uac1cSW\ub97c \ubcf4\ub2e4 \uc801\uadf9\uc801\uc73c\ub85c \ub3c4\uc785\ud558\uac8c \ub41c \uac83\uc740 \uc790\uc0ac APM<\/span> \uc194\ub8e8\uc158\uc758 \ubaa8\ubc14\uc77c \ud658\uacbd \uc9c0\uc6d0\uc744 \uac15\ud654\ud558\uae30 \uc704\ud574\uc11c\uc600\ub2e4. \uae30\uc874\uc758 \u2018\uc81c\ub2c8\ud37c4\u2019\ub294 \uc790\ubc14 \uc560\ud50c\ub9bf(Java Applet) \uae30\ubc18\uc758 \ub300\uc2dc\ubcf4\ub4dc\ub97c \uc81c\uacf5\ud588\ub294\ub370, \ubaa8\ubc14\uc77c \ubc84\uc804\uc744 \ub530\ub85c \uac1c\ubc1c\ud574\uc57c \ub418\ub294 \ubb38\uc81c\uc5d0 \ubd09\ucc29\ud588\ub358 \uac83. \ubca4\ub354 \uc885\uc18d\uc131 \ud0c8\ud53c\uc640 \ucee4\uc2a4\ud130\ub9c8\uc774\uc9d5 \uac00\ub2a5\uc131 \ub4f1\uc744 \uace0\ub824\ud574 \ub54c\ub9c8\uce68 \uc0c8\ub86d\uac8c \ubd80\uc0c1\ud55c HTML5\ub85c \ub208\uc744 \ub3cc\ub824, N\uc2a4\ud06c\ub9b0 \ubaa8\ub2c8\ud130\ub9c1 \ud658\uacbd \uc9c0\uc6d0\uc744 \uc704\ud55c \u2018\uc81c\ub2c8\ud37c5\u2019\uc758 \ubdf0 \uc11c\ubc84(View Server) \uac1c\ubc1c\uc5d0 \ucc29\uc218\ud588\ub2e4.<\/P>\r\n\r\n

\uc774\uc5d0 \ub530\ub77c \ud68c\uc0ac\ub294 HTML5 \uae30\ubc18 \ub300\uc2dc\ubcf4\ub4dc \uad6c\ud604\uc744 \uc704\ud574 \u25b2\uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uc11c\ubc84(WAS<\/span>)\ub85c \uc81c\ud2f0(Jetty) \u25b2\ube0c\ub77c\uc6b0\uc800\uc640 WAS\uc758 \ud1b5\uc2e0\uc744 \uc704\ud55c \uc6f9\uc18c\ucf13(WebSocket) \u25b2\ubc14\uc774\ub108\ub9ac \ud1b5\uc2e0\uc744 \uc9c0\uc6d0\ud558\ub294 \uc5b4\ub808\uc774\ubc84\ud37c(ArrayBuffer) \u25b22\ucc28\uc6d0 \ubca1\ud130 \uadf8\ub798\ud53d \ud45c\ud604\uc744 \uc704\ud55c XML\ud30c\uc77c \ud615\uc2dd\uc758 \ub9c8\ud06c\uc5c5 \uc5b8\uc5b4 SVG<\/span> \u25b2\uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc\ub97c \uc704\ud574 HTML5\uc758 \uba40\ud2f0\ubbf8\ub514\uc5b4 \uae30\ub2a5\uc778 \uce94\ubc84\uc2a4(Canvas) \u25b2\uc2dc\ucc28\ub97c \uc870\uc815\ud574 \uc11c\ubc84 \uc2dc\uac04\uacfc \ub3d9\uae30\ud654\uc2dc\ucf1c\uc8fc\ub294 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac \ubaa8\uba58\ud2b8JS(Moment.js) \u25b2OS\ub808\ubca8\uc758 \ub370\uc2a4\ud06c\ud1b1 \uc54c\ub9bc\uc744 \ud45c\uc2dc\ud574\uc8fc\ub294 \ub178\ud2f0\ud53c\ucf00\uc774\uc158(Notificaion) API<\/span> \u25b2\ubcf4\uace0\uc11c \uae30\ub2a5 \uac15\ud654\ub97c \uc704\ud574 \ud3b8\uc9d1\uae30 \uc601\uc5ed\uc744 \uc790\uccb4\uc801\uc73c\ub85c \uc218\uc815\ud55c \uc704\uc9c0\uc705(WYSIWYG<\/span>) \ub4f1\uc744 \ub3c4\uc785 \ubc0f \ud65c\uc6a9\ud588\ub2e4.<\/P>\r\n\r\n

\ud2b9\ud788, \uc81c\ud2f0 \uc5d4\uc9c4\uc744 \uc784\ubca0\ub4dc(embed)\ud574 \ubdf0 \uc11c\ubc84\ub97c \uad6c\ud604\ud568\uc73c\ub85c\uc368 \uc81c\ud488\uc758 \uacbd\ub7c9\ud654\ub294 \ubb3c\ub860, \ub2e4\uc591\ud55c \ud658\uacbd\uc5d0\uc11c \ubcc4\ub3c4\uc758 \uc124\uce58\ub098 \uc124\uc815 \uc5c6\uc774\ub3c4 \ubc14\ub85c \uc0ac\uc6a9 \uac00\ub2a5\ud55c \ud3b8\uc758\uc131\ub3c4 \uac16\ucd94\uac8c \ub410\ub2e4. \ub610 \uc6f9\uc18c\ucf13\uc744 \ud65c\uc6a9\ud574 \ub124\ud2b8\uc6cc\ud06c \uc624\ubc84\ud5e4\ub4dc\ub97c \uac10\uc18c\uc2dc\ucf30\uace0, \uc5b4\ub808\uc774\ubc84\ud37c\uc758 \ubc14\uc774\ub108\ub9ac \ud1b5\uc2e0\uc73c\ub85c \ud328\ud0b7\ub7c9\uc744 \uc904\uc5ec X\ubdf0(X-View) \uae30\ub2a5\uc744 \ud1b5\ud55c \uc2e4\uc2dc\uac04 \ub300\uc6a9\ub7c9 \ud2b8\ub79c\uc7ad\uc158 \ubaa8\ub2c8\ud130\ub9c1\uc744 \uac00\ub2a5\ucf00 \ud588\ub2e4.<\/P>\r\n\r\n

\uc544\uc6b8\ub7ec, \ucc28\ud2b8\uc758 \ud45c\ud604\uc5d0\ub294 SVG\uc640 \uce94\ubc84\uc2a4\ub97c \ud63c\uc6a9\ud588\ub2e4. SVG\ub294 \uc815\uc801\uc778 \ub370\uc774\ud130\ub97c \ud45c\ud604\ud558\uac70\ub098 \ub370\uc774\ud130 \ubd84\uc11d \ubd80\ubd84\uc5d0 \uc0ac\uc6a9\ud588\uace0, \uce94\ubc84\uc2a4\ub294 \ub9ce\uc740 \uc591\uc758 \uc2e4\uc2dc\uac04 \ub370\uc774\ud130\ub97c \ud45c\ud604\ud558\uac70\ub098 \ud654\ub824\ud55c \uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc\ub97c \uc8fc\ub294\ub370 \uc4f0\uc778 \ub3d9\uc2dc\uc5d0 \ub2e4\uc591\ud55c \uc815\ubcf4\ub97c \uc81c\uacf5\ud558\ub294 \ud1a0\ud3f4\ub85c\uc9c0 \ubdf0(Topology View)\ub97c \uc790\uccb4 \uac1c\ubc1c\ud558\ub294\ub370\ub3c4 \ud65c\uc6a9\ub410\ub2e4. \ud5a5\ud6c4\uc5d0\ub294 \uc6f9GL(WebGL)\uc744 \ud65c\uc6a9\ud574 3D \uadf8\ub798\ud53d\uc73c\ub85c \uad6c\ud604\ud560 \uacc4\ud68d\ub3c4 \uac16\uace0 \uc788\ub294 \ub4f1, HTML5 \ud45c\uc900\uae30\uc220\ub85c\ub3c4 \uace0\ud488\uc9c8 \uc11c\ube44\uc2a4\uac00 \uac00\ub2a5\ud558\ub2e4\ub294 \uac83\uc774 \uae40\ud559\uc9c4 \uc81c\ub2c8\ud37c\uc18c\ud504\ud2b8 \uacfc\uc7a5\uc758 \uc124\uba85\uc774\ub2e4.<\/P>\r\n\r\n

\ud568\uaed8 \ubc1c\uc804\ud558\uae30 \uc704\ud55c \u2018JUI\u2019 \uc624\ud508\uc18c\uc2a4\ud654 <\/P>\r\n\r\n

\uc81c\ub2c8\ud37c\uc18c\ud504\ud2b8\ub294 \uacf5\uac1cSW\uc758 \ub3c4\uc785\ubfd0 \uc544\ub2c8\ub77c, \uacf5\uac1cSW\uc758 \ubc30\ud3ec\uae4c\uc9c0 \uc2e4\ucc9c\ud588\ub2e4. \u2018\uc81c\ub2c8\ud37c\u2019\uc758 HTML5 \uae30\ubc18 UI \ucef4\ud3ec\ub10c\ud2b8 \u2018JUI\u2019\ub97c \uc624\ud508\uc18c\uc2a4\ud654 \ud55c \uac83. \u2018JUI\u2019\ub294 \ub2e4\uc591\ud55c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\uc640 CSS<\/span> \ucef4\ud3ec\ub10c\ud2b8\ub97c \uc81c\uacf5\ud558\ub294 \uc870\ud569\uc6a9 \ub370\uc2a4\ud06c\ud1b1 UI\ub2e4. \ub3c5\ub9bd\uc801\uc73c\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 20\uc885\uc758 \uc2a4\ud0c0\uc77c \ucef4\ud3ec\ub10c\ud2b8\uc640 \ub2e4\uc591\ud55c \uae30\ub2a5\uc744 \uc9c0\uc6d0\ud558\ub294 17\uc885\uc758 \uc2a4\ud06c\ub9bd\ud2b8 \ucef4\ud3ec\ub10c\ud2b8\ub97c \uc81c\uacf5\ud55c\ub2e4. \uac1c\ubc1c\ub2e8\uacc4\uc5d0\uc11c\ubd80\ud130 \uc624\ud508\uc18c\uc2a4\ub85c \uacf5\uac1c\ud558\ub294 \uac83\uc744 \uc5fc\ub450\uc5d0 \ub450\uace0 \ubcf4\ud3b8\uc801\uc778 \uc6f9 \uc11c\ube44\uc2a4 \ud658\uacbd\uc744 \uace0\ub824\ud574 \uc81c\uc791\ub410\ub2e4.<\/P>\r\n\r\n

\u2018JUI\u2019\ub97c \uac1c\ubc1c\ud55c \ud64d\uc7ac\uc11d \uc81c\ub2c8\ud37c\uc18c\ud504\ud2b8 \uacfc\uc7a5\uc740 \uc785\uc0ac\ud560 \ub54c\ubd80\ud130 \uc790\uc544\uc2e4\ud604\uc758 \uc77c\ud658\uc73c\ub85c \uacf5\uac1cSW \ud65c\ub3d9\uc5d0 \ub300\ud55c \ub73b\uc744 \ubc1d\ud614\uace0, \ud68c\uc0ac\ub3c4 \ud798\uc744 \ubcf4\ud0dc \ud568\uaed8 \ubc1c\uc804\ud55c\ub2e4\ub294 \ucde8\uc9c0\uc5d0\uc11c \uacf5\uac1cSW \ud504\ub85c\uc81d\ud2b8\ub97c \uc9c0\uc9c0\ud55c \uac83\uc774\ub2e4. \ud2b9\ud788 UI \ucef4\ud3ec\ub10c\ud2b8\ub97c \ucc3e\uc544 \ud5e4\ub9e4\ub294 \ubd88\ud3b8\uc744 \ud574\uc18c\ud558\uace0\uc790 \uace0\ud488\uc9c8\uc758 \uad6d\uc0b0 \ubb34\ub8cc UI \ucef4\ud3ec\ub10c\ud2b8 \uac1c\ubc1c\uc5d0 \ub73b\uc744 \ub480\ub2e4. \uc774\ub97c \ubcf8\uaca9\uc801\uc73c\ub85c \uc2dc\uc791\ud558\uac8c \ub41c \uacc4\uae30\ub294 \u2018\uc81c\ub2c8\ud37c\u2019\uc758 \uae30\uc874 UI \ucef4\ud3ec\ub10c\ud2b8\ub97c \uc774\ud574\ud558\uace0 \ud544\uc694\ud560 \ub54c\ub9c8\ub2e4 \uc81c\uc791\ud558\ub294 \uac83\ubcf4\ub2e4 \uc0c8\ub86d\uac8c \uac1c\ubc1c\ud574 \ub2e4\uc591\ud558\uac8c \ub9cc\ub4e4\uc5b4\ub193\ub294 \uac83\uc774 \uc5ec\ub7ec\ubaa8\ub85c \uc218\uc6d4\ud558\ub9ac\ub780 \uc0dd\uac01\uc5d0\uc11c\uc600\ub2e4. \uac1c\ubc1c\ud55c \uac83 \uc911\uc5d0\ub294 \uc9c0\ub09c\ud574 \uc5f4\ub9b0 \u2018\uc81c8\ud68c \uacf5\uac1cSW \uac1c\ubc1c\uc790\ub300\ud68c\u2019\uc5d0 \ucd9c\ud488\ud574 \uc740\uc0c1\uc744 \uac70\uba38\uc950\uae30\ub3c4 \ud588\ub2e4.<\/P>\r\n\r\n

\u25b2 JUI<\/span> \ud648\ud398\uc774\uc9c0(http:\/\/seogi1004.github.io\/jui\/ko\/index.html)<\/P>\r\n\r\n

\u2018JUI\u2019\uc758 \uac00\uc7a5 \ud070 \ud2b9\uc9d5\uc73c\ub85c\ub294 \ucd5c\ub300 500\ub9cc \uac74\uc5d0 \uc774\ub974\ub294 \ub300\uc6a9\ub7c9\uc758 \ud2b8\ub79c\uc7ad\uc158 \ub370\uc774\ud130\ub3c4 \ub9c8\ud06c\uc5c5 \uae30\ubc18\uc758 \ud14c\uc774\ube14\uc5d0 \uc218\uc6a9\ud560 \uc218 \uc788\ub294 \uc131\ub2a5\uc744 \uaf3d\uc744 \uc218 \uc788\ub2e4. \ub610 \ud2b8\ub9ac \uad6c\uc870\uc758 \ud14c\uc774\ube14\ub85c \uae4a\uc774(depth)\uc5d0 \uc81c\ud55c \uc5c6\uc774 \uacc4\uce35(hierarchy)\ub97c \ub9cc\ub4e4 \uc218 \uc788\uace0, \ud14c\uc774\ube14\uc774 \uae30\ubcf8 \ub9c8\ud06c\uc5c5 \uae30\ubc18\uc73c\ub85c \uc81c\uc791\ub3fc \ub0b4\ubd80\uc801\uc73c\ub85c \ub9c8\ud06c\uc5c5\uc744 \uac74\ub4dc\ub9ac\uc9c0 \uc54a\uc544\uc11c \uc2a4\ud06c\ub9bd\ud2b8\ub9cc \ub530\ub85c \uac00\uc838\ub2e4 \uc4f0\ub294 \uac83\ub3c4 \uac00\ub2a5\ud558\ub2e4. \u2018JUI\u2019\ub97c \ud1b5\ud574 \uc2a4\ud0c0\uc77c \ucee8\ubca4\uc158\uc774 \uc774\ub904\uc838 \ud0c0\uc0ac\uc640\uc758 \ud569\uc791 \uc2dc\uc5d0\ub3c4 UI\u00b7UX\uc758 \ud1b5\uc77c\uc131\uc744 \uaf80\ud560 \uc218 \uc788\ub294 \uc7a5\uc810\ub3c4 \uc788\ub2e4.<\/P>\r\n\r\n

\ud64d\uc7ac\uc11d \uacfc\uc7a5\uc740 \ud5a5\ud6c4 \u2018JUI\u2019\uc5d0 \uc2dc\uac01\ud654 \uae30\ub2a5\uc744 \uac15\ud654\ud560 \uc608\uc815\uc774\ub2e4. \uc2a4\ud0c0\uc77c\uc5d0 \uc885\uc18d\ub418\uc9c0 \uc54a\uace0 \uc5b4\ub514\uc11c\ub4e0 \ud14c\uc774\ube14\uacfc \ucc28\ud2b8\ub97c \ud568\uaed8 \ud3b8\ud558\uac8c \uc4f8 \uc218 \uc788\uac8c \ud55c\ub2e4\ub294 \uacc4\ud68d\uc73c\ub85c, \ub370\uc774\ud130\ub97c \ud45c\ud604\ud558\ub294 \ubc29\ubc95\uc744 \ubcf4\ub2e4 \uc27d\uace0 \ub2e4\uc591\ud558\uac8c \ub9cc\ub4e4\uace0 \uc2f6\ub2e4\uace0 \ud3ec\ubd80\ub97c \ubc1d\ud614\ub2e4.<\/P>\r\n\r\n

[\uc778\ud130\ubdf0] \u201c\uad6d\ub0b4 \uacf5\uac1cSW \uc0dd\ud0dc\uacc4 \ud65c\uc131\ud654 \ud544\uc694\u201d\r\n\uc81c\ub2c8\ud37c\uc18c\ud504\ud2b8 R&D\ud300 \uae40\ud559\uc9c4 \uacfc\uc7a5, \ud64d\uc7ac\uc11d \uacfc\uc7a5<\/P>\r\n\r\n

\uacf5\uac1cSW \ud65c\uc6a9\uc740 \uc5b4\ub5a4 \uc7a5\uc810\uc774 \uc788\ub098?\r\n\u2018\uc81c\ub2c8\ud37c\u2019\ub294 \uace0\uac1d\uc5d0\uac8c \uc6b0\uc218\ud55c \uc131\ub2a5\uc744 \uc81c\uacf5\ud558\ub294 \uac83\uc740 \ubb3c\ub860, UX\u00b7UI\uc758 \uc0ac\uc6a9\uc131\uacfc \ub514\uc790\uc778\uc744 \ud1b5\ud574 \uac10\uc131\ub3c4 \uc804\ub2ec\ud558\uace0\uc790 \ud55c\ub2e4. \uc774\ub7ec\ud55c \ubc29\ud5a5\uc744 \ucd94\uad6c\ud558\ub2e4\ubcf4\uba74 \ud2b9\ud788 \ub514\uc790\uc778 \uce21\uba74\uc5d0\uc11c \ucee4\uc2a4\ud130\ub9c8\uc774\uc9d5 \uc694\uc18c\uac00 \uc0dd\uae38 \uc218\ubc16\uc5d0 \uc5c6\uc73c\ubbc0\ub85c, \uc774\ub97c \uc704\ud574 \uacf5\uac1cSW\ub97c \ub3c4\uc785\ud574 \ud65c\uc6a9\ud558\uac70\ub098 \uc790\uccb4\uc801\uc73c\ub85c \uac1c\ubc1c\ud558\ub294 \uacbd\uc6b0\uac00 \ub9ce\ub2e4. \ubca4\ub354 \uc885\uc18d\uc131\uc5d0\uc11c \ubc97\uc5b4\ub098 \ubcf4\ub2e4 \uc790\uc720\ub86d\uac8c \ucee4\uc2a4\ud130\ub9c8\uc774\uc9d5 \uac00\ub2a5\ud558\uace0, \ubb38\uc81c\uac00 \uc0dd\uacbc\uc744 \uc2dc\uc5d0\ub3c4 \uc9c1\uc811 \uc2e0\uc18d\ud558\uac8c \ucc98\ub9ac\ud560 \uc218 \uc788\uae30 \ub54c\ubb38\uc774\ub2e4.<\/P>\r\n\r\n

\uacf5\uac1cSW\ub294 \uad50\uacfc\uc11c\uc774\uc790 \ucc38\uace0\uc11c\ub85c \ub290\uaef4\uc9c4\ub2e4. \uc18c\uc2a4\ucf54\ub4dc\ub97c \uc9c1\uc811 \ubcf4\uba74\uc11c \ubc30\uc6b8 \uc218 \uc788\ub294 \ubd80\ubd84\uc774 \ub9ce\uace0, \ucc45\uc5d0\uc11c \uc124\uba85\uc744 \ubcf4\ub294 \uac83\ubcf4\ub2e4 \uc774\ud574\ud558\uae30\ub3c4 \ube60\ub974\ub2e4. \uc18c\uc2a4\ucf54\ub4dc\ub97c \uc774\ud574\ud574\uc57c \uacf5\uac1cSW\ub97c \uc81c\ub300\ub85c \uc4f8 \uc218 \uc788\uace0, \uc774\ub97c \uc704\ud574\uc11c\ub294 \uc5b4\ub290 \uc815\ub3c4 \uacf5\ubd80\ub3c4 \ud544\uc694\ud558\ub2e4. \uc774\ub807\uac8c \uc9c1\uc811 \ud574\uacb0\ud574\ubcf4\ub294 \uacfc\uc815\uc5d0\uc11c \uac1c\ubc1c\uc790\ub85c\uc11c\uc758 \uc2e4\ub825\ub3c4 \ub298\ub9b4 \uc218 \uc788\uace0, \uc790\uc5f0\uc2a4\ub7fd\uac8c \uad50\ub958\ud558\uba74\uc11c \uc0c8\ub85c\uc6b4 \uac83\ub4e4\ub3c4 \uc775\ud790 \uc218 \uc788\uac8c \ub41c\ub2e4.<\/P>\r\n\r\n

JUI\ub97c \ucee8\ud2b8\ub9ac\ubdf0\uc158\ud55c \uc18c\uac10\uc774 \uad81\uae08\ud558\ub2e4?<\/P>\r\n\r\n

\uac1c\ubc1c\uc790\ub85c\uc11c \uacf5\uac1cSW\uc758 \ud61c\ud0dd\uc744 \ub9ce\uc774 \ubc1b\uc544\uc654\uace0, \uc774\ub97c \uc870\uae08\uc774\ub098\ub9c8 \ubcf4\ub2f5\ud558\uace0\uc790 \u2018JUI\u2019\ub97c \uc81c\uc791\ud558\uac8c \ub410\ub2e4. \uad6d\ub0b4\uc758 \uacbd\uc6b0 \uc774 \uac19\uc740 \ucee8\ud2b8\ub9ac\ubdf0\uc158\uc5d0 \ub9e4\uc6b0 \uc778\uc0c9\ud55c \ud3b8\uc774\ub2e4. \uae30\uc5ec\ud55c \uac1c\ubc1c\uc790 \ubcf8\uc778\uc5d0\uac8c \ub2f9\uc7a5 \uac00\uc2dc\uc801\uc73c\ub85c \ub4dd \ub420 \uac83\uc740 \ubcc4\ub85c \uc5c6\uc744 \uc218 \uc788\uc73c\ub098, \uacf5\uc720\ub97c \ud1b5\ud574 \ud53c\ub4dc\ubc31\uc744 \uc8fc\uace0\ubc1b\uc74c\uc73c\ub85c\uc368 \ud568\uaed8 \ubc1c\uc804\ud574\ub098\uac08 \uc218 \uc788\ub294 \uac83 \uc544\ub2cc\uac00. \uad6d\ub0b4 \uac1c\ubc1c\uc790\ub4e4\uc758 \uacf5\uac1cSW \uae30\uc5ec\ud65c\ub3d9\uc774 \ubcf4\ub2e4 \ud65c\uc131\ud654\ub3fc\uc57c \ud558\uace0, \uacf5\uac1cSW \uc0dd\ud0dc\uacc4\uc5d0 \ucc38\uc5ec\ud574 \uad50\ub958\ud558\ub294 \ubb38\ud654\uac00 \uc815\ucc29\ub410\uc73c\uba74 \uc88b\uaca0\ub2e4.<\/P>\r\n\r\n

\ub610 \uad6d\ub0b4 \uac1c\ubc1c\uc790\ub4e4\uc740 \uad6d\uc0b0 \uacf5\uac1cSW\ub97c \uc798 \uc4f0\uc9c0 \uc54a\ub294 \uacbd\ud5a5\uc774 \uc788\ub2e4. \uad6d\ub0b4\uc758 \uc720\uba85 \ucee8\ud2b8\ub9ac\ubdf0\ud130\ub4e4\uc744 \uc0b4\ud3b4\ubcf4\uba74 \uad6d\ub0b4\uc5d0\uc11c \uc8fc\ubaa9\ubc1b\uc9c0 \ubabb\ud558\ub2e4\uac00 \uae00\ub85c\ubc8c\uc5d0\uc11c \uc131\uacf5\ud55c \ud6c4\uc5d0\uc57c \ub4a4\ub2a6\uac8c \uad6d\ub0b4\uc5d0\ub3c4 \uc54c\ub824\uc9c0\uace0 \uc120\ud638\ub418\ub294 \uacbd\uc6b0\uac00 \uc885\uc885 \ubc8c\uc5b4\uc9c4\ub2e4. \uad6d\uc0b0 \uacf5\uac1c SW\uc5d0 \ub300\ud55c \ud3b8\uacac\uc744 \ubc84\ub9ac\uace0, \ub0b4\uc218\ub97c \ud65c\uc131\ud654\uc2dc\ud0a4\ub4ef \ubcf4\ub2e4 \uc801\uadf9\uc801\uc73c\ub85c \ud65c\ub3d9\ud558\uace0 \uad50\ub958\ud560 \ud544\uc694\uac00 \uc788\ub2e4.<\/P>\r\n\r\n

\uc6d0\ubb38: http:\/\/www.oss.kr\/oss_repository10\/608485<\/a><\/p>\r\n

\uae30\uc0ac\uc18c\uc2a4:http:\/\/www.itdaily.kr\/news\/articleView.html?idxno=60458<\/a><\/P>","protected":false},"excerpt":{"rendered":"\uacf5\uac1cSW \ud65c\uc6a9\ud55c \uc194\ub8e8\uc158 \uac1c\ubc1c\ubd80\ud130 UI \ucef4\ud3ec\ub10c\ud2b8 \uacf5\uac1c\uae4c\uc9c0 \uac1c\ubc29, \ucc38\uc5ec, \uacf5\uc720\ub85c \uc774\uc5b4\uc9c0\ub294 \uacf5\uac1cSW\ub294 \ud604\uc7ac IT \uc5c5\uacc4\ub97c \uad00\ud1b5\ud558\ub294 \ud070 \ud750\ub984\uc774\ub2e4. \uc9c0\uc2dd\uc758 \uad50\ub958\ub294…","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[44],"tags":[49,51,47,55,53],"class_list":["post-1383","post","type-post","status-publish","format-standard","hentry","category-report","tag-apm","tag-jennifer","tag-jennifersoft","tag-55","tag-53"],"acf":[],"_links":{"self":[{"href":"https:\/\/jennifersoft.com\/ko\/wp-json\/wp\/v2\/posts\/1383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jennifersoft.com\/ko\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jennifersoft.com\/ko\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jennifersoft.com\/ko\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/jennifersoft.com\/ko\/wp-json\/wp\/v2\/comments?post=1383"}],"version-history":[{"count":8,"href":"https:\/\/jennifersoft.com\/ko\/wp-json\/wp\/v2\/posts\/1383\/revisions"}],"predecessor-version":[{"id":2038,"href":"https:\/\/jennifersoft.com\/ko\/wp-json\/wp\/v2\/posts\/1383\/revisions\/2038"}],"wp:attachment":[{"href":"https:\/\/jennifersoft.com\/ko\/wp-json\/wp\/v2\/media?parent=1383"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jennifersoft.com\/ko\/wp-json\/wp\/v2\/categories?post=1383"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jennifersoft.com\/ko\/wp-json\/wp\/v2\/tags?post=1383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}