{"id":2092,"date":"2026-08-20T19:28:42","date_gmt":"2026-08-20T19:28:42","guid":{"rendered":"https:\/\/wayhope.kro.kr\/?p=2092"},"modified":"2026-08-31T07:32:59","modified_gmt":"2026-08-31T07:32:59","slug":"unity-ui-%ec%b5%9c%ec%a0%81%ed%99%94-%ed%95%b5%ec%8b%ac-%ec%a0%95%eb%a6%ac","status":"publish","type":"post","link":"https:\/\/wayhope.kro.kr\/?p=2092","title":{"rendered":"Unity UI \ucd5c\uc801\ud654 \ud575\uc2ec \uc815\ub9ac"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Unity\uc5d0\uc11c UI\ub294 \uac8c\uc784 \ub85c\uc9c1\uacfc \ubcc4\uac1c\uc758 \uc601\uc5ed\ucc98\ub7fc \ubcf4\uc774\uc9c0\ub9cc \uc2e4\uc81c\ub85c\ub294 CPU\uc640 GPU \uc591\ucabd\uc5d0 \ubaa8\ub450 \uc601\ud5a5\uc744 \uc900\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud2b9\ud788 UGUI \uae30\ubc18 \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c\ub294 UI\uc758 \uad6c\uc870\uac00 \uc798\ubabb \uc124\uacc4\ub418\uba74 \uc791\uc740 UI \ud558\ub098\ub97c \ubcc0\uacbd\ud588\uc744 \ubfd0\uc778\ub370 Canvas \uc7ac\uad6c\uc131 \ube44\uc6a9\uc774 \ubc1c\uc0dd\ud558\uac70\ub098, \uc218\ub9ce\uc740 UI \uc694\uc18c\uac00 Raycast\uc640 Layout \uacc4\uc0b0\uc5d0 \ucc38\uc5ec\ud558\uba74\uc11c CPU \ube44\uc6a9\uc774 \uc99d\uac00\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">GPU \uce21\uc5d0\uc11c\ub3c4 \ubb38\uc81c\uac00 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud22c\uba85\ud55c UI\uac00 \uc5ec\ub7ec \uacb9\uc73c\ub85c \uc313\uc774\uba74 Overdraw\uac00 \uc99d\uac00\ud558\uace0, \ud070 \ud14d\uc2a4\ucc98\uc640 \ubcf5\uc7a1\ud55c UI\uac00 \ud654\uba74\uc744 \ub36e\uc73c\uba74 Fill Rate \ubd80\ub2f4\uc774 \ucee4\uc9c4\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub530\ub77c\uc11c UI \ucd5c\uc801\ud654\ub294 \ub2e8\uc21c\ud788 <code>Draw Call\uc744 \uc904\uc774\ub294 \uc791\uc5c5<\/code>\uc774 \uc544\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud575\uc2ec\uc740 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>UI \ubcc0\uacbd -&gt; Canvas \/ Layout \uc7ac\uad6c\uc131 -&gt; CPU \ube44\uc6a9<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>UI \uc785\ub825 -&gt; Raycast \uac80\uc0ac -&gt; CPU \ube44\uc6a9<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>UI \ub80c\ub354\ub9c1 -&gt; Overdraw \/ Fill Rate -&gt; GPU \ube44\uc6a9<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ub300\uaddc\ubaa8 UI -&gt; Object \/ Layout \/ Geometry \uc99d\uac00 -&gt; CPU \/ Memory \ube44\uc6a9<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uacb0\uad6d \uc88b\uc740 UI \uad6c\uc870\ub294 <strong>\ubcc0\uacbd\ub418\ub294 \uac83\uacfc \ubcc0\uacbd\ub418\uc9c0 \uc54a\ub294 \uac83\uc744 \ubd84\ub9ac\ud558\uace0, \ud544\uc694\ud55c \uac83\ub9cc \uacc4\uc0b0\ud558\uace0, \ud544\uc694\ud55c \uac83\ub9cc \ub80c\ub354\ub9c1\ud558\ub294 \uad6c\uc870<\/strong>\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">UI \ucd5c\uc801\ud654\uc758 \uae30\ubcf8 \uc6d0\uce59<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Unity UI\ub97c \ucd5c\uc801\ud654\ud560 \ub54c \uac00\uc7a5 \uba3c\uc800 \ud655\uc778\ud574\uc57c \ud558\ub294 \uac83\uc740 UI\uc758 \uac1c\uc218 \uc790\uccb4\uac00 \uc544\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc5b4\ub5a4 UI\uac00 \uc5bc\ub9c8\ub098 \uc790\uc8fc \ubcc0\uacbd\ub418\ub294\uc9c0\ubd80\ud130 \ubd10\uc57c \ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\uc815\uc801 UI -&gt; \uac70\uc758 \ubcc0\uacbd\ub418\uc9c0 \uc54a\uc74c<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ub3d9\uc801 UI -&gt; \uc790\uc8fc \ubcc0\uacbd\ub428<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\uc0c1\ud638\uc791\uc6a9 UI -&gt; \uc785\ub825\uc744 \ubc1b\uc544\uc57c \ud568<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ub300\uaddc\ubaa8 UI -&gt; \ub9ce\uc740 \ub370\uc774\ud130\ub97c \ud45c\uc2dc\ud568<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \ub124 \uac00\uc9c0 \ud2b9\uc131\uc744 \uae30\uc900\uc73c\ub85c Canvas, Layout, Raycast, Pooling \ub4f1\uc744 \uc124\uacc4\ud574\uc57c \ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc608\ub97c \ub4e4\uc5b4 \uccb4\ub825\ubc14\uac00 \ub9e4 \ud504\ub808\uc784 \ubcc0\uacbd\ub41c\ub2e4\uace0 \ud574\uc11c \uc778\ubca4\ud1a0\ub9ac \uc804\uccb4\uae4c\uc9c0 \uac19\uc740 Canvas\uc5d0\uc11c \uad00\ub9ac\ud560 \uc774\uc720\ub294 \uc5c6\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>HUD Canvas -&gt; \uccb4\ub825 \/ \ub9c8\ub098 \/ \uc2a4\ud0dc\ubbf8\ub098<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Static Canvas -&gt; \ubc30\uacbd \/ \uc7a5\uc2dd \/ \uace0\uc815 UI<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Popup Canvas -&gt; \ud31d\uc5c5 \/ \uc54c\ub9bc<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\ub7f0 \uc2dd\uc73c\ub85c \ubcc0\uacbd \uc8fc\uae30\uc640 \uc5ed\ud560\uc5d0 \ub530\ub77c UI\ub97c \ubd84\ub9ac\ud558\ub294 \uac83\uc774 \uae30\ubcf8\uc801\uc778 \ucd5c\uc801\ud654 \uc804\ub7b5\uc774\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Canvas \ucd5c\uc801\ud654<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">UGUI\uc5d0\uc11c \uac00\uc7a5 \uba3c\uc800 \uc774\ud574\ud574\uc57c \ud560 \uac83\uc774 Canvas\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Canvas\ub294 UI \uc694\uc18c\uc758 Geometry\ub97c \uad6c\uc131\ud558\uace0 \uc774\ub97c Batch\ub85c \ubb36\uc5b4 GPU\uc5d0 \ub80c\ub354\ub9c1\ud55c\ub2e4. Canvas\uc5d0 \ud3ec\ud568\ub41c UI\uac00 \ubcc0\uacbd\ub418\uba74 \ud574\ub2f9 Canvas\uc758 Geometry\uc640 Batch\ub97c \ub2e4\uc2dc \uad6c\uc131\ud574\uc57c \ud560 \uc218 \uc788\ub2e4. Unity \uc5ed\uc2dc Canvas\ub97c \ubd84\ud560\ud558\ub294 \uac83\uc744 UGUI \ucd5c\uc801\ud654\uc758 \ud575\uc2ec \uc804\ub7b5\uc73c\ub85c \uc124\uba85\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ubb38\uc81c\ub294 \uac70\ub300\ud55c Canvas \ud558\ub098\uc5d0 \ubaa8\ub4e0 UI\ub97c \ub123\ub294 \uad6c\uc870\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\uac70\ub300\ud55c Canvas -&gt; UI \ud558\ub098 \ubcc0\uacbd -&gt; Canvas Dirty -&gt; Canvas \uc7ac\uad6c\uc131<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc608\ub97c \ub4e4\uc5b4 \ub2e4\uc74c\uacfc \uac19\uc740 \uad6c\uc870\uac00 \uc788\ub2e4\uace0 \ud558\uc790.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Main Canvas -&gt; HUD \/ Inventory \/ Quest \/ Minimap \/ Popup \/ Notification<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \uc0c1\ud0dc\uc5d0\uc11c \uccb4\ub825\ubc14 \ud558\ub098\uac00 \uacc4\uc18d \ubcc0\uacbd\ub418\uba74 \ub2e4\ub978 UI\uc640 \ud568\uaed8 Canvas \uc7ac\uad6c\uc131\uc5d0 \uc601\ud5a5\uc744 \uc904 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub530\ub77c\uc11c \ubcc0\uacbd \uc8fc\uae30\uac00 \ub2e4\ub978 UI\ub97c \ubcc4\ub3c4\uc758 Canvas\ub85c \ubd84\ub9ac\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>UI -&gt; Static Canvas \/ Dynamic Canvas \/ Popup Canvas<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\ub807\uac8c \ud558\uba74 \ud55c \uc601\uc5ed\uc758 \ubcc0\uacbd\uc774 \ub2e4\ub978 \uc601\uc5ed\uc5d0 \ubd88\ud544\uc694\ud558\uac8c \uc601\ud5a5\uc744 \uc8fc\ub294 \uac83\uc744 \uc904\uc77c \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Canvas\ub97c \ubb34\uc870\uac74 \ub9ce\uc774 \ub9cc\ub4e4\uba74 \ub418\ub294\uac00<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\uc544\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Canvas \ubd84\ud560\uc5d0\ub294 Trade-off\uac00 \uc874\uc7ac\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Canvas\ub97c \ubd84\ub9ac\ud558\uba74 Canvas \uac04\uc758 \uc7ac\uad6c\uc131 \uc601\ud5a5\uc744 \uaca9\ub9ac\ud560 \uc218 \uc788\uc9c0\ub9cc, \uc9c0\ub098\uce58\uac8c \ubd84\ub9ac\ud558\uba74 Batch\uc640 Draw Call \uce21\uba74\uc5d0\uc11c \ubd88\ub9ac\ud574\uc9c8 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub530\ub77c\uc11c \ub2e4\uc74c\uacfc \uac19\uc774 \uc0dd\uac01\ud574\uc57c \ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Canvas \ubd84\ud560 -&gt; \uc7ac\uad6c\uc131 \ube44\uc6a9 \uac10\uc18c<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Canvas \uacfc\ub3c4\ud55c \ubd84\ud560 -&gt; \ub80c\ub354\ub9c1 \uad00\ub9ac \ubcf5\uc7a1\ub3c4 \/ Draw Call \uc99d\uac00 \uac00\ub2a5<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc815\ub2f5\uc740 Canvas \uac1c\uc218\ub97c \ud2b9\uc815 \uc22b\uc790\ub85c \ub9de\ucd94\ub294 \uac83\uc774 \uc544\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\ud568\uaed8 \ubcc0\uacbd\ub418\ub294 UI\ub97c \ubb36\uace0, \uc11c\ub85c \ub2e4\ub978 \uc8fc\uae30\ub85c \ubcc0\uacbd\ub418\ub294 UI\ub97c \ubd84\ub9ac\ud558\ub294 \uac83<\/strong>\uc774 \ud575\uc2ec\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unity \uc5ed\uc2dc \ub3d9\uc801 \uc694\uc18c\uc640 \uc815\uc801 \uc694\uc18c\ub97c \uc5c5\ub370\uc774\ud2b8 \ube48\ub3c4\uc5d0 \ub530\ub77c \ubd84\ub9ac\ud558\uace0, \ud544\uc694\ud558\ub2e4\uba74 Child Canvas\ub97c \uc0ac\uc6a9\ud574 \uacc4\uce35\uc744 \uaca9\ub9ac\ud558\ub294 \ubc29\uc2dd\uc744 \uad8c\uc7a5\ud55c\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Canvas\ub97c \uc228\uae30\ub294 \ubc29\ubc95<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">UI\ub97c \uc228\uae38 \ub54c <code>GameObject.SetActive(false)<\/code>\ub9cc \uc0dd\uac01\ud560 \ud544\uc694\ub294 \uc5c6\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud654\uba74\uc5d0 \ubcf4\uc774\uc9c0 \uc54a\uac8c \ub9cc\ub4dc\ub294 \uac83\uc774 \ubaa9\uc801\uc774\ub77c\uba74 Canvas \ucef4\ud3ec\ub10c\ud2b8 \uc790\uccb4\ub97c \ube44\ud65c\uc131\ud654\ud558\ub294 \ubc29\ubc95\ub3c4 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Canvas \ucef4\ud3ec\ub10c\ud2b8\ub97c \ube44\ud65c\uc131\ud654\ud558\uba74 GPU\uc5d0 Draw Call\uc744 \ubcf4\ub0b4\uc9c0 \uc54a\uac8c \ub418\uc9c0\ub9cc \uae30\uc874 Geometry\ub97c \ubc84\ub9ac\uc9c0 \uc54a\uace0 \uc720\uc9c0\ud558\uae30 \ub54c\ubb38\uc5d0 \ub2e4\uc2dc \ud65c\uc131\ud654\ud560 \ub54c \uc7ac\uad6c\uc131 \ube44\uc6a9\uc744 \ud53c\ud560 \uc218 \uc788\ub2e4. \ub610\ud55c GameObject \uc804\uccb4\ub97c \ube44\ud65c\uc131\ud654\ud558\ub294 \uac83\uacfc \ub2ec\ub9ac \uacc4\uce35 \uc804\uccb4\uc758 <code>OnDisable<\/code> \/ <code>OnEnable<\/code> \ud638\ucd9c\uc744 \ubc1c\uc0dd\uc2dc\ud0a4\uc9c0 \uc54a\ub294\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub530\ub77c\uc11c \ub2e4\uc74c\uacfc \uac19\uc774 \uad6c\ubd84\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ub80c\ub354\ub9c1\ub9cc \uc911\uc9c0 -&gt; Canvas.enabled = false<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>UI \ub85c\uc9c1\uae4c\uc9c0 \uc911\uc9c0 -&gt; GameObject \ube44\ud65c\uc131\ud654<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub2e8, Canvas\ub97c \uaed0\ub2e4\uace0 \ud574\uc11c \uc790\uc2dd Script\uc758 <code>Update<\/code>\uae4c\uc9c0 \uc790\ub3d9\uc73c\ub85c \uba48\ucd94\ub294 \uac83\uc740 \uc544\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub80c\ub354\ub9c1\uacfc \ub85c\uc9c1 \uc2e4\ud589\uc740 \ubcc4\uac1c\uc758 \ubb38\uc81c\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Layout \ucd5c\uc801\ud654<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Unity UI\uc758 Layout System\uc740 \ud3b8\ub9ac\ud558\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud558\uc9c0\ub9cc \ud3b8\ub9ac\ud55c \ub9cc\ud07c \ube44\uc6a9\uc774 \ubc1c\uc0dd\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub300\ud45c\uc801\uc778 \ucef4\ud3ec\ub10c\ud2b8\ub294 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>HorizontalLayoutGroup<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>VerticalLayoutGroup<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>GridLayoutGroup<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>ContentSizeFitter<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\ub7ec\ud55c Layout \ucef4\ud3ec\ub10c\ud2b8\uac00 \uc911\ucca9\ub418\uba74 UI \ubcc0\uacbd\uc5d0 \ub530\ub77c \uc5ec\ub7ec \uacc4\uce35\uc758 Layout \uacc4\uc0b0\uc774 \uc5f0\uc1c4\uc801\uc73c\ub85c \ubc1c\uc0dd\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unity \uacf5\uc2dd \ucd5c\uc801\ud654 \uac00\uc774\ub4dc \uc5ed\uc2dc \uac00\ub2a5\ud558\uba74 Layout Group\uc744 \ud53c\ud558\uace0, Anchors \ub4f1\uc744 \ud65c\uc6a9\ud558\uac70\ub098 \ub3d9\uc801\uc778 UI\uc5d0\uc11c\ub294 \ud544\uc694\ud55c \uc2dc\uc810\uc5d0 \uc9c1\uc811 Layout\uc744 \uacc4\uc0b0\ud558\ub294 \ubc29\uc2dd\uc744 \uad8c\uc7a5\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud2b9\ud788 \ub2e4\uc74c \uad6c\uc870\ub294 \uc8fc\uc758\ud574\uc57c \ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>VerticalLayoutGroup -&gt; HorizontalLayoutGroup -&gt; ContentSizeFitter -&gt; LayoutElement<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">UI\uac00 \ubcc0\uacbd\ub420 \ub54c\ub9c8\ub2e4 \uc5ec\ub7ec \uacc4\uce35\uc774 \ub2e4\uc2dc \uacc4\uc0b0\ub420 \uac00\ub2a5\uc131\uc774 \uc788\uae30 \ub54c\ubb38\uc774\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Layout Group\uc744 \uc0ac\uc6a9\ud558\uc9c0 \ub9d0\uc544\uc57c \ud558\ub294\uac00<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\uac83\ub3c4 \uc544\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Layout Group\uc740 \uc0dd\uc0b0\uc131\uacfc \uc720\uc9c0\ubcf4\uc218\uc131\uc744 \ub192\uc5ec\uc900\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ubb38\uc81c\ub294 <strong>\ub9e4 \ud504\ub808\uc784 \ub610\ub294 \ube48\ubc88\ud55c \ubcc0\uacbd\uc774 \ubc1c\uc0dd\ud558\ub294 UI\uc5d0 \ubcf5\uc7a1\ud55c Layout \uc2dc\uc2a4\ud15c\uc744 \uc0ac\uc6a9\ud558\ub294 \uac83<\/strong>\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc608\ub97c \ub4e4\uc5b4 \uace0\uc815\ub41c HUD\ub294 Anchor\uc640 RectTransform\uc73c\ub85c \ucda9\ubd84\ud55c \uacbd\uc6b0\uac00 \ub9ce\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\uace0\uc815 UI -&gt; Anchor \/ RectTransform<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ubc18\uba74 \uc2e4\uc81c\ub85c \ub3d9\uc801\uc73c\ub85c \uc544\uc774\ud15c\uc774 \ucd94\uac00\ub418\uace0 \uc81c\uac70\ub418\ub294 UI\ub77c\uba74 Layout Group\uc774 \uac1c\ubc1c \uc0dd\uc0b0\uc131\uc744 \ud06c\uac8c \ub192\uc5ec\uc904 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub530\ub77c\uc11c \uae30\uc900\uc740 \ub2e4\uc74c\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\uc815\uc801 UI -&gt; \uc9c1\uc811 \ubc30\uce58<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ub2e8\uc21c \ub3d9\uc801 UI -&gt; \ucd5c\uc18c\ud55c\uc758 Layout<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ubcf5\uc7a1\ud55c \ub3d9\uc801 UI -&gt; Layout \ube44\uc6a9 \uce21\uc815<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ub300\uaddc\ubaa8 \ub3d9\uc801 UI -&gt; Custom Layout \/ Virtualization \uac80\ud1a0<\/code><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Raycast \ucd5c\uc801\ud654<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">UI\ub294 \ub80c\ub354\ub9c1\ub9cc \ud558\ub294 \uac83\uc774 \uc544\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc0ac\uc6a9\uc790\uc758 \uc785\ub825\uc744 \ubc1b\uc544\uc57c \ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">UGUI\uc5d0\uc11c\ub294 <code>Graphic Raycaster<\/code>\uac00 Canvas\uc758 UI \uc694\uc18c\ub97c \ub300\uc0c1\uc73c\ub85c \uc785\ub825 \uc774\ubca4\ud2b8 \ucc98\ub9ac\ub97c \uc218\ud589\ud55c\ub2e4. \ub530\ub77c\uc11c \uc0c1\ud638\uc791\uc6a9\ud558\uc9c0 \uc54a\ub294 UI\uae4c\uc9c0 Raycast \ub300\uc0c1\uc5d0 \ud3ec\ud568\uc2dc\ud0a4\uba74 \ubd88\ud544\uc694\ud55c \uac80\uc0ac \ub300\uc0c1\uc774 \uc99d\uac00\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc608\ub97c \ub4e4\uc5b4 \ubc84\ud2bc \ub0b4\ubd80\uc5d0 \ub2e4\uc74c\uacfc \uac19\uc740 \uad6c\uc870\uac00 \uc788\ub2e4\uace0 \ud558\uc790.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Button -&gt; Image + Text<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc2e4\uc81c\ub85c \ud074\ub9ad\uc744 \ubc1b\uc544\uc57c \ud558\ub294 \uac83\uc740 Button\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub530\ub77c\uc11c Text\uc5d0 <code>Raycast Target<\/code>\uc774 \ucf1c\uc838 \uc788\uc744 \ud544\uc694\uac00 \uc5c6\ub294 \uacbd\uc6b0\uac00 \ub9ce\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Button Image -&gt; Raycast Target ON<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Button Text -&gt; Raycast Target OFF<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ubc30\uacbd\uc774\ub098 \uc7a5\uc2dd\uc6a9 Image \uc5ed\uc2dc \ub9c8\ucc2c\uac00\uc9c0\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Background -&gt; Raycast Target OFF<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Decoration -&gt; Raycast Target OFF<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Interactive Element -&gt; Raycast Target ON<\/code><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Graphic Raycaster \uc790\uccb4\ub3c4 \uad00\ub9ac\ud574\uc57c \ud55c\ub2e4<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\uc785\ub825\uc744 \ubc1b\uc9c0 \uc54a\ub294 Canvas\ub77c\uba74 Graphic Raycaster\uac00 \ud544\uc694\ud558\uc9c0 \uc54a\uc744 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Static UI Canvas -&gt; Graphic Raycaster \uc81c\uac70<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Interactive UI Canvas -&gt; Graphic Raycaster \uc720\uc9c0<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unity \uc5ed\uc2dc \uc0c1\ud638\uc791\uc6a9\ud558\uc9c0 \uc54a\ub294 Canvas\uc5d0\ub294 Graphic Raycaster\ub97c \ucd94\uac00\ud558\uc9c0 \ub9d0\uace0, \ube44\uc778\ud130\ub799\ud2f0\ube0c UI\uc758 <code>Raycast Target<\/code>\uc744 \ub044\ub294 \uac83\uc744 \uad8c\uc7a5\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub610\ud55c Screen Space &#8211; Camera\ub098 World Space Canvas\uc5d0\uc11c Blocking Mask\ub97c \uc0ac\uc6a9\ud574 2D\/3D Physics Raycast\uae4c\uc9c0 \uc218\ud589\ud558\ub3c4\ub85d \ub9cc\ub4e4\uba74 \ucd94\uac00 \ube44\uc6a9\uc774 \ubc1c\uc0dd\ud560 \uc218 \uc788\uc73c\ubbc0\ub85c \ud544\uc694\ud55c \uacbd\uc6b0\uc5d0\ub9cc \uc0ac\uc6a9\ud558\ub294 \uac83\uc774 \uc88b\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Camera.main \ucd5c\uc801\ud654<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Unity \uacf5\uc2dd UI \ucd5c\uc801\ud654 \uc790\ub8cc\uc5d0\uc11c\ub294 World Space Canvas\uc640 Graphic Raycaster\ub97c \uc0ac\uc6a9\ud560 \ub54c <code>Camera.main<\/code>\uc758 \ubc18\ubcf5\uc801\uc778 \uc811\uadfc\uc744 \uc8fc\uc758\ud560 \uac83\uc744 \uc124\uba85\ud55c\ub2e4. Event Camera\ub97c \ube44\uc6cc\ub450\uba74 Main Camera\ub97c \ucc3e\ub294 \uacbd\ub85c\uac00 \uc0ac\uc6a9\ub420 \uc218 \uc788\uae30 \ub54c\ubb38\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub530\ub77c\uc11c World Space Canvas\uc5d0\uc11c\ub294 \uac00\ub2a5\ud55c \ud55c Event Camera\ub97c \uba85\uc2dc\uc801\uc73c\ub85c \uc9c0\uc815\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>World Space Canvas -&gt; Event Camera \uc9c0\uc815<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ucf54\ub4dc\uc5d0\uc11c\ub3c4 \ubc18\ubcf5\uc801\uc778 \ud0d0\uc0c9\ubcf4\ub2e4\ub294 \ud544\uc694\ud55c \ucc38\uc870\ub97c \uce90\uc2f1\ud558\ub294 \ubc29\uc2dd\uc774 \uae30\ubcf8\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Camera.main \ubc18\ubcf5 \ud638\ucd9c -&gt; \ucc38\uc870 \ud0d0\uc0c9<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Camera \ucc38\uc870 \uce90\uc2f1 -&gt; \uc9c1\uc811 \uc811\uadfc<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud2b9\ud788 \ub9e4 \ud504\ub808\uc784 \uc2e4\ud589\ub418\ub294 \ucf54\ub4dc\uc5d0\uc11c \ubd88\ud544\uc694\ud55c \ud0d0\uc0c9\uc744 \ubc18\ubcf5\ud558\uc9c0 \uc54a\ub294 \uac83\uc740 UI\ubfd0 \uc544\ub2c8\ub77c Unity \uc804\uccb4\uc5d0\uc11c \uc801\uc6a9\ub418\ub294 \uae30\ubcf8 \uc6d0\uce59\uc774\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">UI Pooling<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">\ub300\uaddc\ubaa8 UI\uc5d0\uc11c\ub294 Instantiate\uc640 Destroy\ub97c \ubc18\ubcf5\ud558\ub294 \uad6c\uc870\ub97c \ud53c\ud574\uc57c \ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc608\ub97c \ub4e4\uc5b4 \uc778\ubca4\ud1a0\ub9ac\uc5d0 1,000\uac1c\uc758 \uc544\uc774\ud15c\uc774 \uc874\uc7ac\ud55c\ub2e4\uace0 \ud558\uc790.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc544\uc774\ud15c \ud558\ub098\ub2f9 UI GameObject \ud558\ub098\ub97c \uc0dd\uc131\ud558\uba74 \ub2e4\uc74c\uacfc \uac19\uc740 \uad6c\uc870\uac00 \ub41c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>1000\uac1c \ub370\uc774\ud130 -&gt; 1000\uac1c UI GameObject<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc2e4\uc81c\ub85c \ud654\uba74\uc5d0 \ub3d9\uc2dc\uc5d0 \ubcf4\uc774\ub294 \uac83\uc774 20\uac1c\ubfd0\uc774\ub77c\uba74 \uc0c1\ub2f9\ud788 \ube44\ud6a8\uc728\uc801\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \uacbd\uc6b0 UI Pooling\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>1000\uac1c \ub370\uc774\ud130 -&gt; 20\uac1c UI \uc0dd\uc131 -&gt; \ud654\uba74\uc5d0 \ud544\uc694\ud55c \ub370\uc774\ud130 \uc5f0\uacb0 -&gt; \uc2a4\ud06c\ub864 -&gt; UI \uc7ac\uc0ac\uc6a9<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \ubc29\uc2dd\uc740 \uba54\ubaa8\ub9ac\ubfd0 \uc544\ub2c8\ub77c Instantiate \/ Destroy \ube44\uc6a9\ub3c4 \uc904\uc77c \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">UI Pooling\uc5d0\uc11c \uc911\uc694\ud55c \uc21c\uc11c<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pooling\uc740 \ub2e8\uc21c\ud788 Object Pool\uc744 \uc0ac\uc6a9\ud558\ub294 \uac83\uc73c\ub85c \ub05d\ub098\uc9c0 \uc54a\ub294\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unity \uacf5\uc2dd \ucd5c\uc801\ud654 \uc790\ub8cc\uc5d0\uc11c\ub294 UI Object\ub97c Pool\ub85c \uc774\ub3d9\uc2dc\ud0ac \ub54c \uc21c\uc11c \uc5ed\uc2dc \uc911\uc694\ud558\ub2e4\uace0 \uc124\uba85\ud55c\ub2e4. \uae30\uc874 \uacc4\uce35\uc744 \ubd88\ud544\uc694\ud558\uac8c \uc5ec\ub7ec \ubc88 Dirty \uc0c1\ud0dc\ub85c \ub9cc\ub4dc\ub294 \uac83\uc744 \ubc29\uc9c0\ud558\uae30 \uc704\ud574 Pool\ub85c \uc774\ub3d9\ud560 \ub54c\ub294 \uba3c\uc800 \ube44\ud65c\uc131\ud654\ud55c \ud6c4 Reparent\ud558\ub294 \ubc29\uc2dd\uc774 \uad8c\uc7a5\ub41c\ub2e4. Pool\uc5d0\uc11c \uaebc\ub0bc \ub54c\ub294 \uba3c\uc800 Reparent\ud558\uace0 \ub370\uc774\ud130\ub97c \uac31\uc2e0\ud55c \ub4a4 \ud65c\uc131\ud654\ud558\ub294 \ubc29\uc2dd\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Pool \ubc18\ud658 -&gt; Disable -&gt; Reparent<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Pool \uc0ac\uc6a9 -&gt; Reparent -&gt; Data \uac31\uc2e0 -&gt; Enable<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\ub7f0 \uc21c\uc11c\ub97c \uc758\uc2dd\ud558\uba74 \ubd88\ud544\uc694\ud55c UI Dirtying\uc744 \uc904\uc77c \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Scroll View \ucd5c\uc801\ud654<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">\ub300\uaddc\ubaa8 Scroll View\ub294 UI \ucd5c\uc801\ud654\uc5d0\uc11c \uc790\uc8fc \ubcd1\ubaa9\uc774 \ubc1c\uc0dd\ud558\ub294 \uc601\uc5ed\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub2e8\uc21c\ud788 <code>ScrollRect<\/code> \ud558\ub098\ub97c \uc0ac\uc6a9\ud558\ub294 \uac83\ub9cc\uc73c\ub85c \ub300\ub7c9\uc758 UI\ub97c \ud6a8\uc728\uc801\uc73c\ub85c \ucc98\ub9ac\ud560 \uc218 \uc788\ub294 \uac83\uc740 \uc544\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc608\ub97c \ub4e4\uc5b4 \ub2e4\uc74c \uad6c\uc870\ub294 \ubb38\uc81c\uac00 \ub420 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Scroll View -&gt; 1000\uac1c Item -&gt; \uac01 Item\ub9c8\ub2e4 Image \/ Text \/ Button<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \uad6c\uc870\uc5d0\uc11c\ub294 UI Object \uc218 \uc790\uccb4\uac00 \uc99d\uac00\ud558\uace0 Layout, Canvas, Raycast \ub4f1\uc758 \ube44\uc6a9\ub3c4 \ud568\uaed8 \uc99d\uac00\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub530\ub77c\uc11c \ub370\uc774\ud130\uac00 \ub9ce\ub2e4\uba74 Virtualization\uc744 \uace0\ub824\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\uc804\uccb4 \ub370\uc774\ud130 -&gt; \ud654\uba74\uc5d0 \ud544\uc694\ud55c UI\ub9cc \uc0dd\uc131 -&gt; \uc2a4\ud06c\ub864 -&gt; \uae30\uc874 UI \uc7ac\uc0ac\uc6a9<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \uad6c\uc870\ub97c \uc0ac\uc6a9\ud558\uba74 \ub370\uc774\ud130\uc758 \uac1c\uc218\uc640 \uc2e4\uc81c \uc0dd\uc131\ub418\ub294 UI\uc758 \uac1c\uc218\ub97c \ubd84\ub9ac\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud2b9\ud788 \ub2e4\uc74c\uacfc \uac19\uc740 UI\uc5d0\uc11c \ud6a8\uacfc\uac00 \ud06c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Inventory<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Ranking<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Quest List<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Chat<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Shop<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Mail<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Battle Log<\/code><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">UI Overdraw<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">CPU \ucd5c\uc801\ud654\ub9cc \uc0dd\uac01\ud558\uba74 \uc548 \ub41c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">UI\ub294 GPU \uce21\uc5d0\uc11c\ub3c4 \uc0c1\ub2f9\ud55c \ube44\uc6a9\uc744 \ubc1c\uc0dd\uc2dc\ud0ac \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud2b9\ud788 UGUI\ub294 \ud22c\uba85\ud55c Image\uac00 \ub9ce\uc774 \uacb9\uce58\ub294 \uad6c\uc870\uc5d0\uc11c Overdraw\uac00 \ubc1c\uc0dd\ud558\uae30 \uc27d\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc608\ub97c \ub4e4\uc5b4 \ud654\uba74 \uc804\uccb4\ub97c \ub36e\ub294 \ud22c\uba85 Image\uac00 \uc5ec\ub7ec \uac1c \uc788\ub2e4\uba74 \ub3d9\uc77c\ud55c \ud53d\uc140\uc774 \uc5ec\ub7ec \ubc88 \ucc98\ub9ac\ub41c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Background -&gt; Panel -&gt; Image -&gt; Shadow -&gt; Effect<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\ub7f0 \uad6c\uc870\uac00 \ud654\uba74 \uc804\uccb4\uc5d0 \uac78\uccd0 \ubc18\ubcf5\ub418\uba74 GPU\uac00 \ucc98\ub9ac\ud574\uc57c \ud558\ub294 \ud53d\uc140 \uc218\uac00 \uc99d\uac00\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub530\ub77c\uc11c UI \ucd5c\uc801\ud654\uc5d0\uc11c\ub294 <strong>Overdraw\ub97c \ud655\uc778\ud574\uc57c \ud55c\ub2e4.<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Overdraw\ub97c \uc904\uc774\ub294 \ubc29\ubc95<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\ub300\ud45c\uc801\uc778 \ubc29\ubc95\uc740 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ubd88\ud544\uc694\ud55c \ud22c\uba85 \uc601\uc5ed \uc81c\uac70<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\uacb9\uccd0 \uc788\ub294 UI \ucd5c\uc18c\ud654<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\uacfc\ub3c4\ud55c Full Screen Image \uc81c\uac70<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ubd88\ud544\uc694\ud55c UI Effect \uc81c\uac70<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ud070 \ubc18\ud22c\uba85 \uc601\uc5ed \ucd5c\uc18c\ud654<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">UI\uc758 \uc2e4\uc81c \uc774\ubbf8\uc9c0 \uc601\uc5ed\ubcf4\ub2e4 \ud14d\uc2a4\ucc98\uac00 \uc9c0\ub098\uce58\uac8c \ud070 \uacbd\uc6b0\uc5d0\ub3c4 \ubd88\ud544\uc694\ud55c \ud53d\uc140 \ucc98\ub9ac\uac00 \uc99d\uac00\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub530\ub77c\uc11c \uc544\ud2b8 \ub9ac\uc18c\uc2a4 \ub2e8\uacc4\uc5d0\uc11c\ub3c4 \ucd5c\uc801\ud654\uac00 \ud544\uc694\ud558\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">UI Texture\uc640 Atlas<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">\uc5ec\ub7ec UI Sprite\ub97c \uc801\uc808\ud558\uac8c Atlas\ub85c \uad6c\uc131\ud558\uba74 Texture \ubcc0\uacbd\uc744 \uc904\uc774\uace0 Batch \ud6a8\uc728\uc744 \ub192\uc774\ub294 \ub370 \ub3c4\uc6c0\uc774 \ub41c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Sprite A<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Sprite B<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Sprite C<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub97c \uac01\uac01 \ubcc4\ub3c4\uc758 Texture\ub85c \uc0ac\uc6a9\ud558\ub294 \uac83\ubcf4\ub2e4 \uc801\uc808\ud55c \uc870\uac74\uc5d0\uc11c \ud558\ub098\uc758 Atlas\ub85c \uad00\ub9ac\ud558\ub294 \uac83\uc774 \ud6a8\uc728\uc801\uc77c \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Sprite A + Sprite B + Sprite C -&gt; UI Atlas<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub2e4\ub9cc Atlas \uc5ed\uc2dc \ubb34\uc870\uac74 \ud558\ub098\ub85c \ud569\uce58\ub294 \uac83\uc774 \uc815\ub2f5\uc740 \uc544\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">UI\uac00 \uc0ac\uc6a9\ud558\ub294 \ub9ac\uc18c\uc2a4\uc640 Canvas\uc758 \uad6c\uc870\ub97c \ud568\uaed8 \uace0\ub824\ud574\uc57c \ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Canvas \uad6c\uc131 -&gt; Texture \uad6c\uc131 -&gt; Material \uad6c\uc131 -&gt; Batch \uad6c\uc131<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \uad00\uacc4\ub97c \ud568\uaed8 \ubd10\uc57c \ud55c\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">UI Animation \ucd5c\uc801\ud654<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">UI Animation\uc5d0\uc11c\ub3c4 \ubd88\ud544\uc694\ud55c \uc5c5\ub370\uc774\ud2b8\uac00 \ubc1c\uc0dd\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unity \uacf5\uc2dd \uac00\uc774\ub4dc\uc5d0\uc11c\ub294 UI\uc758 Animator \uc0ac\uc6a9\uc744 \ucd5c\uc801\ud654\ud558\uace0, \uc9c0\uc18d\uc801\uc73c\ub85c \ubcc0\uacbd\ub418\ub294 UI\uc5d0\ub9cc Animator\ub97c \uc0ac\uc6a9\ud558\uba70 \uc774\ubca4\ud2b8\uc131 UI \uc560\ub2c8\uba54\uc774\uc158\uc740 \ucf54\ub4dc\ub098 Tween \ubc29\uc2dd\uc73c\ub85c \ucc98\ub9ac\ud558\ub294 \ubc29\ubc95\uc744 \uad8c\uc7a5\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc608\ub97c \ub4e4\uc5b4 \ub2e4\uc74c\uacfc \uac19\uc740 \uc560\ub2c8\uba54\uc774\uc158\uc740 \uc9e7\uac8c \uc2e4\ud589\ub418\uace0 \uc885\ub8cc\ub41c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Popup \ub4f1\uc7a5<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Button Scale<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Damage Text<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Notification<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Panel Slide<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\ub7f0 UI\ub294 Tween\uc774\ub098 \uc9c1\uc811\uc801\uc778 \uac12 \ubcc0\uacbd\uc73c\ub85c \uad6c\ud604\ud558\ub294 \uac83\uc774 \ub354 \ub2e8\uc21c\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ubc18\ub300\ub85c \uc9c0\uc18d\uc801\uc73c\ub85c \uc0c1\ud0dc\ub97c \ud3c9\uac00\ud574\uc57c \ud558\ub294 \ubcf5\uc7a1\ud55c \uc560\ub2c8\uba54\uc774\uc158\uc774\ub77c\uba74 Animator\uac00 \ub354 \uc801\ud569\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud575\uc2ec\uc740 \ub3c4\uad6c \uc790\uccb4\uac00 \uc544\ub2c8\ub77c <strong>\ubcc0\uacbd \ube48\ub3c4\uc640 \ud544\uc694\ud55c \uae30\ub2a5\uc5d0 \ub9de\ub294 \uc2dc\uc2a4\ud15c\uc744 \uc120\ud0dd\ud558\ub294 \uac83<\/strong>\uc774\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">\uc804\uccb4 \ud654\uba74 UI \ucd5c\uc801\ud654<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Pause \uba54\ub274\ub098 \ub85c\ub529 \ud654\uba74\ucc98\ub7fc \uac8c\uc784 \ud654\uba74 \uc804\uccb4\ub97c \ub36e\ub294 UI\uac00 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\ub54c \ub4a4\ucabd \uac8c\uc784 \uc6d4\ub4dc\uac00 \uc804\ud600 \ubcf4\uc774\uc9c0 \uc54a\ub294\ub2e4\uba74 \uc6d4\ub4dc \ub80c\ub354\ub9c1\uc744 \uacc4\uc18d\ud560 \uc774\uc720\uac00 \uc5c6\ub294 \uacbd\uc6b0\uac00 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Game World -&gt; Full Screen UI<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uad6c\uc870\ub77c\uba74 \ub4a4\ucabd \uc6d4\ub4dc\uac00 \uc2e4\uc81c \ud654\uba74\uc5d0 \ud45c\uc2dc\ub418\uc9c0 \uc54a\ub294\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub530\ub77c\uc11c \uc0c1\ud669\uc5d0 \ub530\ub77c \uac8c\uc784 \uc6d4\ub4dc\ub97c \ub80c\ub354\ub9c1\ud558\ub294 Camera\ub97c \ube44\ud65c\uc131\ud654\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Full Screen UI \ud65c\uc131\ud654 -&gt; Game Camera \ube44\ud65c\uc131\ud654 -&gt; UI\ub9cc \ub80c\ub354\ub9c1<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unity \uc5ed\uc2dc \uc804\uccb4 \ud654\uba74 UI\uac00 \uc52c\uc744 \uc644\uc804\ud788 \ub36e\ub294 \uacbd\uc6b0 \ub4a4\ucabd 3D \uc52c\uacfc \uc228\uaca8\uc9c4 UI\ub97c \ube44\ud65c\uc131\ud654\ud558\ub294 \ubc29\ubc95\uc744 \uc81c\uc548\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub2e8, \uac8c\uc784 \ub85c\uc9c1\uae4c\uc9c0 \uc815\uc9c0\ud574\uc57c \ud558\ub294\uc9c0\ub294 \ubcc4\uac1c\uc758 \ubb38\uc81c\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">UI Toolkit\uacfc UGUI\ub97c \uad6c\ubd84\ud558\uc790<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Unity 6\uc5d0\uc11c\ub294 UI Toolkit\uc758 \uc131\ub2a5\ub3c4 \uc0c1\ub2f9\ud788 \uac1c\uc120\ub410\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">UI Toolkit\uc740 UGUI\uc758 Canvas \uad6c\uc870\uc640 \ub3d9\uc77c\ud55c \ubc29\uc2dd\uc73c\ub85c \uc774\ud574\ud558\uba74 \uc548 \ub41c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">UI Toolkit\uc740 Visual Tree, Style Resolution, Layout, Geometry, Vertex Buffer \ub4f1\uc758 \ubcc4\ub3c4 \uc5c5\ub370\uc774\ud2b8 \uba54\ucee4\ub2c8\uc998\uc744 \uc0ac\uc6a9\ud55c\ub2e4. Unity 6\uc5d0\uc11c\ub294 \uc774\ubca4\ud2b8 \ub514\uc2a4\ud328\uce58, Mesh \uc0dd\uc131, Text \uc0dd\uc131, \uae4a\uc740 Hierarchy\uc758 Layout \uacc4\uc0b0 \ub4f1 \uc5ec\ub7ec \ubd80\ubd84\uc774 \uac1c\uc120\ub410\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub610\ud55c Runtime UI\uc5d0\uc11c\ub294 <code>UsageHints<\/code>\ub97c \uc0ac\uc6a9\ud574 \uc694\uc18c\uc758 \uc0ac\uc6a9 \ud328\ud134\uc744 \uc54c\ub824\uc8fc\uace0 Geometry \uc7ac\uc0dd\uc131\uc774\ub098 Draw Call\uc744 \uc904\uc774\ub294 \ubc29\ubc95\uc744 \uc81c\uacf5\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub530\ub77c\uc11c Unity 6\uc5d0\uc11c UI \ucd5c\uc801\ud654\ub97c \uc774\uc57c\uae30\ud560 \ub54c\ub294 \ub2e4\uc74c\ucc98\ub7fc \uad6c\ubd84\ud574\uc57c \ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>UGUI -&gt; Canvas \/ Graphic \/ Layout \/ Graphic Raycaster \/ Batch<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>UI Toolkit -&gt; Visual Tree \/ Style \/ Layout \/ Vertex Buffer \/ UsageHints<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub450 \uc2dc\uc2a4\ud15c\uc744 \uac19\uc740 \ucd5c\uc801\ud654 \uaddc\uce59\uc73c\ub85c \ucde8\uae09\ud558\uba74 \uc548 \ub41c\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Profiler \uc5c6\uc774 \ucd5c\uc801\ud654\ud558\uc9c0 \uc54a\ub294\ub2e4<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">UI \ucd5c\uc801\ud654\uc5d0\uc11c \uac00\uc7a5 \uc704\ud5d8\ud55c \uac83\uc740 \uac10\uc73c\ub85c \ucd5c\uc801\ud654\ud558\ub294 \uac83\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8220;Canvas\uac00 \ub9ce\uc544\uc11c \ub290\ub9b4 \uac83\uc774\ub2e4.&#8221;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8220;Draw Call\uc774 \ub9ce\uc544\uc11c \ub290\ub9b4 \uac83\uc774\ub2e4.&#8221;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8220;UI Object\uac00 \ub9ce\uc544\uc11c \ub290\ub9b4 \uac83\uc774\ub2e4.&#8221;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\ub7f0 \ucd94\uce21\ub9cc\uc73c\ub85c \uad6c\uc870\ub97c \ubcc0\uacbd\ud558\uba74 \uc624\ud788\ub824 \uc131\ub2a5\uc744 \uc545\ud654\uc2dc\ud0ac \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uba3c\uc800 \ubcd1\ubaa9\uc744 \ud655\uc778\ud574\uc57c \ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ubb38\uc81c \ubc1c\uc0dd -&gt; Profiler \uce21\uc815 -&gt; \ubcd1\ubaa9 \ud655\uc778 -&gt; \uc6d0\uc778 \ubd84\uc11d -&gt; \uc218\uc815 -&gt; \uc7ac\uce21\uc815<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">UGUI\ub77c\uba74 CPU \ucabd\uc5d0\uc11c Canvas\uc640 Layout \uad00\ub828 \ube44\uc6a9\uc744 \ud655\uc778\ud558\uace0, GPU \ucabd\uc5d0\uc11c\ub294 Overdraw\uc640 Draw Call\uc744 \ud655\uc778\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Frame Debugger \uc5ed\uc2dc UI\uac00 \uc5b4\ub5a4 \ubc29\uc2dd\uc73c\ub85c Draw Call\uc744 \uad6c\uc131\ud558\ub294\uc9c0 \ud655\uc778\ud558\ub294 \ub370 \uc720\uc6a9\ud558\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">UI Toolkit\uc774\ub77c\uba74 Unity 6\uc758 Profiler\uc640 \uad00\ub828 UI \uc131\ub2a5 \ubd84\uc11d \ub3c4\uad6c\ub97c \ud568\uaed8 \uc0ac\uc6a9\ud574 Style, Layout, Geometry, Rendering \ub4f1\uc758 \ube44\uc6a9\uc744 \ud655\uc778\ud574\uc57c \ud55c\ub2e4. Unity \uacf5\uc2dd \ubb38\uc11c \uc5ed\uc2dc \ubcf5\uc7a1\ud55c UI\uc758 \uc131\ub2a5 \uade0\ud615\uc744 \uc7a1\uc744 \ub54c Profiler\uc640 Frame Debugger\ub97c \ud65c\uc6a9\ud560 \uac83\uc744 \uad8c\uc7a5\ud55c\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">\uc2e4\uc804 UI \ucd5c\uc801\ud654 \uccb4\ud06c\ub9ac\uc2a4\ud2b8<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">\uad6c\uc870<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\uc815\uc801 UI\uc640 \ub3d9\uc801 UI \ubd84\ub9ac<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ubcc0\uacbd \uc8fc\uae30\uac00 \ub2e4\ub978 UI\ub97c Canvas\ub85c \ubd84\ub9ac<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Canvas\ub97c \ubb34\uc870\uac74 \ub9ce\uc774 \ub9cc\ub4e4\uc9c0 \uc54a\uc74c<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ubd88\ud544\uc694\ud558\uac8c \uae4a\uc740 UI Hierarchy \uc81c\uac70<\/code><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Layout<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ubd88\ud544\uc694\ud55c Layout Group \uc81c\uac70<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\uc911\ucca9 Layout \ucd5c\uc18c\ud654<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\uc815\uc801 UI\ub294 Anchor \/ RectTransform \ud65c\uc6a9<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ub300\uaddc\ubaa8 \ub3d9\uc801 UI\ub294 Custom Layout \ub610\ub294 Virtualization \uac80\ud1a0<\/code><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\uc785\ub825<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ube44\uc778\ud130\ub799\ud2f0\ube0c UI\uc758 Raycast Target OFF<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\uc785\ub825\uc774 \ud544\uc694 \uc5c6\ub294 Canvas\uc758 Graphic Raycaster \uc81c\uac70<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ubd88\ud544\uc694\ud55c Physics Blocking Raycast \uc0ac\uc6a9 \uae08\uc9c0<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>World Space Canvas\uc758 Event Camera \uba85\uc2dc<\/code><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Rendering<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><code>UI Overdraw \ud655\uc778<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ubd88\ud544\uc694\ud55c \ud22c\uba85 \uc601\uc5ed \uc81c\uac70<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Full Screen UI \uc911\ucca9 \ucd5c\uc18c\ud654<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Texture \/ Material \/ Atlas \uad6c\uc870 \uad00\ub9ac<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ubd88\ud544\uc694\ud55c UI \ub80c\ub354\ub9c1 \uc911\uc9c0<\/code><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ub300\uaddc\ubaa8 UI<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Instantiate \/ Destroy \ubc18\ubcf5 \uae08\uc9c0<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>UI Pooling<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Scroll View Virtualization<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ud654\uba74\uc5d0 \ud544\uc694\ud55c UI\ub9cc \uc0dd\uc131<\/code><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Animation<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ubd88\ud544\uc694\ud55c Animator \uc0ac\uc6a9 \ucd5c\uc18c\ud654<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\uc774\ubca4\ud2b8\uc131 \uc560\ub2c8\uba54\uc774\uc158\uc740 Tween \ub610\ub294 \uc9c1\uc811 \uc81c\uc5b4 \uac80\ud1a0<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ub9e4 \ud504\ub808\uc784 \ubcc0\uacbd\ub418\ub294 UI\ub9cc \uc9c0\uc18d\uc801\uc778 \uc5c5\ub370\uc774\ud2b8 \uc218\ud589<\/code><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\uce21\uc815<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Unity Profiler<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Frame Debugger<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Rendering Statistics<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Overdraw \ud655\uc778<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>CPU \/ GPU \ubcd1\ubaa9 \ubd84\ub9ac<\/code><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">\ub9c8\ubb34\ub9ac<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Unity UI \ucd5c\uc801\ud654\uc758 \ubcf8\uc9c8\uc740 <strong>UI\ub97c \uc801\uac8c \ub9cc\ub4dc\ub294 \uac83\uc774 \uc544\ub2c8\ub2e4.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\ubcc0\uacbd\ub418\ub294 UI\ub97c \uc801\uac8c \ub9cc\ub4e4\uace0, \uacc4\uc0b0\ud574\uc57c \ud558\ub294 UI\ub97c \uc801\uac8c \ub9cc\ub4e4\uace0, \uc785\ub825\uc744 \ubc1b\uc544\uc57c \ud558\ub294 UI\ub97c \uc801\uac8c \ub9cc\ub4e4\uace0, \ub80c\ub354\ub9c1\ud574\uc57c \ud558\ub294 \ud53d\uc140\uc744 \uc801\uac8c \ub9cc\ub4dc\ub294 \uac83<\/strong>\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">UGUI\uc5d0\uc11c\ub294 \ud2b9\ud788 Canvas\uac00 \ud575\uc2ec\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>UI \ubcc0\uacbd -&gt; Canvas Dirty -&gt; Geometry \/ Batch \uc7ac\uad6c\uc131 -&gt; CPU \ube44\uc6a9<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub530\ub77c\uc11c \ubcc0\uacbd \ube48\ub3c4\uac00 \ub2e4\ub978 UI\ub97c \uc801\uc808\ud558\uac8c \ubd84\ub9ac\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8 \ub2e4\uc74c Layout\uc744 \uad00\ub9ac\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>UI \ubcc0\uacbd -&gt; Layout Dirty -&gt; Layout \uacc4\uc0b0 -&gt; CPU \ube44\uc6a9<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ubd88\ud544\uc694\ud55c Layout Group\uacfc \uc911\ucca9 \uad6c\uc870\ub97c \uc904\uc778\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc785\ub825\ub3c4 \uad00\ub9ac\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Input -&gt; Graphic Raycaster -&gt; UI \uac80\uc0ac -&gt; CPU \ube44\uc6a9<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc0c1\ud638\uc791\uc6a9\ud558\uc9c0 \uc54a\ub294 UI\ub294 Raycast \ub300\uc0c1\uc5d0\uc11c \uc81c\uac70\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">GPU \uce21\uc5d0\uc11c\ub294 Overdraw\ub97c \ubcf8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>UI Layer \uc99d\uac00 -&gt; Overdraw \uc99d\uac00 -&gt; \ucc98\ub9ac \ud53d\uc140 \uc99d\uac00 -&gt; GPU \ube44\uc6a9 \uc99d\uac00<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\ub9ac\uace0 \ub300\uaddc\ubaa8 UI\uc5d0\uc11c\ub294 Pooling\uacfc Virtualization\uc744 \uc0ac\uc6a9\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ub300\ub7c9 \ub370\uc774\ud130 -&gt; \uc804\uccb4 UI \uc0dd\uc131<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \uc544\ub2c8\ub77c<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ub300\ub7c9 \ub370\uc774\ud130 -&gt; \ud544\uc694\ud55c UI\ub9cc \uc0dd\uc131 -&gt; \uc7ac\uc0ac\uc6a9<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc73c\ub85c \uad6c\uc870\ub97c \ubc14\uafbc\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uacb0\uad6d \ucd5c\uc801\ud654\uc758 \ubc29\ud5a5\uc740 \ud558\ub098\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>\ubd88\ud544\uc694\ud55c \ubcc0\uacbd \uc81c\uac70 -&gt; \ubd88\ud544\uc694\ud55c \uacc4\uc0b0 \uc81c\uac70 -&gt; \ubd88\ud544\uc694\ud55c \uc785\ub825 \uac80\uc0ac \uc81c\uac70 -&gt; \ubd88\ud544\uc694\ud55c \ub80c\ub354\ub9c1 \uc81c\uac70 -&gt; Profiler\ub85c \uac80\uc99d<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \uc6d0\uce59\uc744 \uc774\ud574\ud558\uba74 \ud2b9\uc815 Unity \ubc84\uc804\uc774\ub098 \ud2b9\uc815 UI \ucef4\ud3ec\ub10c\ud2b8\uc5d0 \uc885\uc18d\ub418\uc9c0 \uc54a\uace0 UI \uc131\ub2a5 \ubb38\uc81c\ub97c \uad6c\uc870\uc801\uc73c\ub85c \ubd84\uc11d\ud560 \uc218 \uc788\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Unity\uc5d0\uc11c UI\ub294 \uac8c\uc784 \ub85c\uc9c1\uacfc \ubcc4\uac1c\uc758 \uc601\uc5ed\ucc98\ub7fc \ubcf4\uc774\uc9c0\ub9cc \uc2e4\uc81c\ub85c\ub294 CPU\uc640 GPU \uc591\ucabd\uc5d0 \ubaa8\ub450 \uc601\ud5a5\uc744 \uc900\ub2e4. \ud2b9\ud788 UGUI \uae30\ubc18 \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c\ub294 UI\uc758 \uad6c\uc870\uac00 \uc798\ubabb \uc124\uacc4\ub418\uba74 \uc791\uc740 UI \ud558\ub098\ub97c \ubcc0\uacbd\ud588\uc744 \ubfd0\uc778\ub370 Canvas \uc7ac\uad6c\uc131 \ube44\uc6a9\uc774 \ubc1c\uc0dd\ud558\uac70\ub098, \uc218\ub9ce\uc740 UI \uc694\uc18c\uac00 Raycast\uc640 Layout \uacc4\uc0b0\uc5d0 \ucc38\uc5ec\ud558\uba74\uc11c CPU \ube44\uc6a9\uc774 \uc99d\uac00\ud560 \uc218 \uc788\ub2e4. GPU \uce21\uc5d0\uc11c\ub3c4 \ubb38\uc81c\uac00 \uc788\ub2e4. \ud22c\uba85\ud55c UI\uac00 \uc5ec\ub7ec \uacb9\uc73c\ub85c \uc313\uc774\uba74 Overdraw\uac00 \uc99d\uac00\ud558\uace0, \ud070 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[53],"tags":[],"class_list":["post-2092","post","type-post","status-publish","format-standard","hentry","category-game"],"_links":{"self":[{"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=\/wp\/v2\/posts\/2092","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2092"}],"version-history":[{"count":1,"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=\/wp\/v2\/posts\/2092\/revisions"}],"predecessor-version":[{"id":2093,"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=\/wp\/v2\/posts\/2092\/revisions\/2093"}],"wp:attachment":[{"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2092"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2092"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2092"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}