{"id":2314,"date":"2026-09-05T14:15:31","date_gmt":"2026-09-05T14:15:31","guid":{"rendered":"https:\/\/wayhope.kro.kr\/?p=2314"},"modified":"2026-09-05T17:31:10","modified_gmt":"2026-09-05T17:31:10","slug":"%ec%9b%b9-%eb%a9%94%ed%83%80%eb%b2%84%ec%8a%a4-%ed%81%b4%eb%9d%bc%ec%9d%b4%ec%96%b8%ed%8a%b8-%ea%b0%9c%eb%b0%9c-%ed%9a%8c%ea%b3%a0-project-2404","status":"publish","type":"post","link":"https:\/\/wayhope.kro.kr\/?p=2314","title":{"rendered":"\uc6f9 \uba54\ud0c0\ubc84\uc2a4 \ud074\ub77c\uc774\uc5b8\ud2b8 \uac1c\ubc1c \ud68c\uace0 #Project 2404"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">\ud504\ub85c\uc81d\ud2b8 \uac1c\uc694<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\uc6f9 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc2e4\ud589\ub418\ub294 3D \uba54\ud0c0\ubc84\uc2a4 \ud074\ub77c\uc774\uc5b8\ud2b8\ub97c Unity WebGL\ub85c \uac1c\ubc1c\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud074\ub77c\uc774\uc5b8\ud2b8\uc5d0\uc11c\ub294 \ud50c\ub808\uc774\uc5b4 \uc774\ub3d9\uacfc \ub2e4\ub978 \uc0ac\uc6a9\uc790 \ub3d9\uae30\ud654, \uc5ec\ub7ec \uacf5\uac04\uc73c\ub85c \uad6c\uc131\ub41c \uc6d4\ub4dc, NPC\uc640 \ucf58\ud150\uce20, \uc6f9 \uae30\ubc18 UI \ub4f1\uc744 \ucc98\ub9ac\ud574\uc57c \ud588\ub2e4. PC\ubfd0\ub9cc \uc544\ub2c8\ub77c \ubaa8\ubc14\uc77c \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c\ub3c4 \ub3d9\uc791\ud574\uc57c \ud588\uae30 \ub54c\ubb38\uc5d0 \uc77c\ubc18\uc801\uc778 Standalone Unity \ud504\ub85c\uc81d\ud2b8\uc640 \uac19\uc740 \ubc29\uc2dd\uc73c\ub85c\ub9cc \uac1c\ubc1c\ud558\uae30\ub294 \uc5b4\ub824\uc6e0\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud2b9\ud788 WebGL\uc740 WASM \ud658\uacbd\uc5d0\uc11c \uc2e4\ud589\ub418\uace0 \uba54\uc778 \uc2a4\ub808\ub4dc \uc81c\uc57d\uc774 \uc788\uae30 \ub54c\ubb38\uc5d0 \uc52c \ub85c\ub529\uc774\ub098 \ub300\ub7c9 \uc624\ube0c\uc81d\ud2b8 \uc0dd\uc131\ucc98\ub7fc \ud55c \ubc88\uc5d0 \ub9ce\uc740 \uc791\uc5c5\uc774 \ubab0\ub9ac\ub294 \ubd80\ubd84\uc744 \uacc4\uc18d \ud655\uc778\ud574\uc57c \ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ube0c\ub77c\uc6b0\uc800\uc640 Unity \uc0ac\uc774\uc758 \uae30\ub2a5 \ucc28\uc774\ub3c4 \uc788\uc5c8\ub2e4. IFrame\uc774\ub098 HTML Input\ucc98\ub7fc Unity \ub0b4\ubd80\uc5d0\uc11c \ucc98\ub9ac\ud558\uae30\ubcf4\ub2e4\ub294 \ube0c\ub77c\uc6b0\uc800 \uae30\ub2a5\uc744 \uc0ac\uc6a9\ud558\ub294 \uac83\uc774 \uc801\ud569\ud55c \ubd80\ubd84\uc774 \uc788\uc5c8\uace0, \uc774\ub7f0 \uae30\ub2a5\uc740 JavaScript Bridge\ub97c \ud1b5\ud574 \uc5f0\uacb0\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uac1c\ubc1c\ud558\uba74\uc11c \uc8fc\ub85c \ud655\uc778\ud588\ub358 \uac83\uc740 \ud504\ub808\uc784 \uc2dc\uac04, \uba54\ubaa8\ub9ac, \ub124\ud2b8\uc6cc\ud06c \ud328\ud0b7, \uc52c \ub85c\ub529 \uc2dc\uac04\uc774\uc5c8\ub2e4. \uc5b4\ub290 \ud558\ub098\ub9cc \uc904\uc778\ub2e4\uace0 \ud574\uacb0\ub418\ub294 \ubb38\uc81c\uac00 \uc544\ub2c8\uc5c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1014\" height=\"746\" src=\"https:\/\/wayhope.kro.kr\/wp-content\/uploads\/2026\/09\/image-12.png\" alt=\"\" class=\"wp-image-2366\" srcset=\"https:\/\/wayhope.kro.kr\/wp-content\/uploads\/2026\/09\/image-12.png 1014w, https:\/\/wayhope.kro.kr\/wp-content\/uploads\/2026\/09\/image-12-300x221.png 300w, https:\/\/wayhope.kro.kr\/wp-content\/uploads\/2026\/09\/image-12-768x565.png 768w\" sizes=\"auto, (max-width: 1014px) 100vw, 1014px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">WebGL \ud074\ub77c\uc774\uc5b8\ud2b8 \uad6c\uc870<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Unity WebGL Canvas\ub97c \uae30\ubcf8\uc73c\ub85c \ub450\uace0 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ud544\uc694\ud55c \uae30\ub2a5\uc740 DOM \uc601\uc5ed\uacfc JavaScript\ub85c \ubd84\ub9ac\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unity\uc5d0\uc11c\ub294 \uc6d4\ub4dc\uc640 \uce90\ub9ad\ud130, \uc560\ub2c8\uba54\uc774\uc158, \uac8c\uc784 \ub85c\uc9c1, \ub124\ud2b8\uc6cc\ud06c \uc0c1\ud0dc \ucc98\ub9ac \ub4f1\uc744 \ub2f4\ub2f9\ud558\uace0 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c\ub294 HTML \uc694\uc18c\uc640 IFrame, \ud0a4\ubcf4\ub4dc \uc785\ub825, viewport, \ud3ec\ucee4\uc2a4 \uac19\uc740 \uae30\ub2a5\uc744 \ub2f4\ub2f9\ud558\ub294 \uc2dd\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \uad6c\uc870\ub97c \uc7a1\uc73c\uba74\uc11c \uac00\uc7a5 \uc2e0\uacbd \uc4f4 \ubd80\ubd84\uc740 Unity \ucf54\ub4dc\uac00 \ube0c\ub77c\uc6b0\uc800 \uad6c\ud604\uc5d0 \uc9c1\uc811 \uc758\uc874\ud558\uc9c0 \uc54a\ub3c4\ub85d \ud558\ub294 \uac83\uc774\uc5c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">C#\uc5d0\uc11c \ube0c\ub77c\uc6b0\uc800\uc758 DOM\uc744 \uc9c1\uc811 \ub2e4\ub8e8\uae30 \uc2dc\uc791\ud558\uba74 WebGL \uc804\uc6a9 \ucf54\ub4dc\uac00 \uc5ec\ub7ec \uc2dc\uc2a4\ud15c\uc5d0 \ud37c\uc9c0\uac8c \ub41c\ub2e4. \uadf8\ub798\uc11c \ube0c\ub77c\uc6b0\uc800 \uae30\ub2a5\uc740 \ubcc4\ub3c4\uc758 Bridge\ub97c \ub450\uace0 \ud544\uc694\ud55c \uae30\ub2a5\ub9cc \ud638\ucd9c\ud558\ub3c4\ub85d \uad6c\uc131\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WebGL \ube4c\ub4dc\uc5d0\uc11c\ub9cc \uc2e4\uc81c JavaScript \ud568\uc218\ub97c \ud638\ucd9c\ud558\uace0 Unity Editor\uc5d0\uc11c\ub294 Mock \ucc98\ub9ac\ub97c \ud560 \uc218 \uc788\ub3c4\ub85d \uad6c\uc131\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub355\ubd84\uc5d0 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c\ub9cc \ud655\uc778\ud560 \uc218 \uc788\ub294 \uae30\ub2a5\uacfc \uac8c\uc784 \ub85c\uc9c1\uc744 \uc5b4\ub290 \uc815\ub3c4 \ubd84\ub9ac\ud574\uc11c \uac1c\ubc1c\ud560 \uc218 \uc788\uc5c8\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\ud50c\ub808\uc774\uc5b4 \uc774\ub3d9 \ub3d9\uae30\ud654<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\uba40\ud2f0\ud50c\ub808\uc774\uc5b4 \ud658\uacbd\uc5d0\uc11c\ub294 \ud50c\ub808\uc774\uc5b4\uc758 \uc774\ub3d9 \uc0c1\ud0dc\ub97c \ub2e4\ub978 \ud074\ub77c\uc774\uc5b8\ud2b8\uc5d0 \uc804\ub2ec\ud574\uc57c \ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc5ec\uae30\uc11c\ub294 \uc774\ub3d9 \ub370\uc774\ud130\ub97c \ub9e4 \ud504\ub808\uc784 \uc804\uc1a1\ud558\ub294 \ubc29\uc2dd\uc774 \uc544\ub2c8\ub77c <strong>\uc77c\uc815 \uc8fc\uae30\uc758 \uc804\uc1a1\uacfc \uc0c1\ud0dc \ubcc0\ud654 \uc5ec\ubd80\ub97c \uac19\uc774 \uc0ac\uc6a9\ud558\ub294 \ubc29\uc2dd<\/strong>\uc73c\ub85c \uad6c\uc131\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c\ub294 \uc57d 0.2\ucd08\ub97c \uae30\uc900\uc73c\ub85c \uc774\ub3d9 \ub370\uc774\ud130\ub97c \uc804\uc1a1\ud558\ub3c4\ub85d \ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud50c\ub808\uc774\uc5b4\uac00 \uacc4\uc18d \uc774\ub3d9\ud558\uace0 \uc788\ub294 \uacbd\uc6b0\uc5d0\ub294 cooldown \uc8fc\uae30\uc5d0 \ub9de\ucdb0 \ub370\uc774\ud130\ub97c \ubcf4\ub0b4\uace0, \uc774\ub3d9\uc774 \ub05d\ub09c \uacbd\uc6b0\uc5d0\ub294 \ub9c8\uc9c0\ub9c9 \uc0c1\ud0dc\ub97c \uc804\ub2ec\ud55c \ub4a4 \ubd88\ud544\uc694\ud55c \ud328\ud0b7\uc744 \uacc4\uc18d \ubc1c\uc0dd\uc2dc\ud0a4\uc9c0 \uc54a\ub3c4\ub85d \ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\ub807\uac8c \ud558\uba74 \uc774\ub3d9\ud558\uc9c0 \uc54a\ub294 \uc0c1\ud0dc\uc5d0\uc11c \uac19\uc740 \uc704\uce58 \ub370\uc774\ud130\ub97c \ubc18\ubcf5\ud574\uc11c \ubcf4\ub0bc \ud544\uc694\uac00 \uc5c6\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc804\uc1a1 \ub370\uc774\ud130\ub3c4 \ud544\uc694\ud55c \uac12\ub9cc \ub2f4\ub294 DTO \ud615\ud0dc\ub85c \ub9cc\ub4e4\uc5c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud50c\ub808\uc774\uc5b4 \uac1d\uccb4 \uc804\uccb4\uc758 \uc0c1\ud0dc\ub97c \uc804\ub2ec\ud558\ub294 \uac83\uc774 \uc544\ub2c8\ub77c \uc704\uce58, \ud68c\uc804, \uc774\ub3d9 \uc0c1\ud0dc \ub4f1 \ub124\ud2b8\uc6cc\ud06c \ub3d9\uae30\ud654\uc5d0 \ud544\uc694\ud55c \uac12\ub9cc \uc804\ub2ec\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WebSocket\uc744 \ud1b5\ud574 \uc804\ub2ec\ub418\ub294 \ub370\uc774\ud130\ub294 JSON \uae30\ubc18\uc73c\ub85c \ucc98\ub9ac\ud588\uae30 \ub54c\ubb38\uc5d0 DTO\ub97c \uc791\uac8c \uc720\uc9c0\ud558\ub294 \uac83\uc774 \uc9c1\ub82c\ud654\uc640 \ub124\ud2b8\uc6cc\ud06c \uc591\ucabd\uc5d0\uc11c \uc720\ub9ac\ud588\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\uc218\uc2e0\ub41c \uc774\ub3d9 \ub370\uc774\ud130 \ucc98\ub9ac<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\ub2e4\ub978 \uc0ac\uc6a9\uc790\uc758 \uc774\ub3d9 \ub370\uc774\ud130\ub97c \ubc1b\uc740 \ub4a4\uc5d0\ub294 \ud574\ub2f9 \uc704\uce58\ub97c \ubc14\ub85c Transform\uc5d0 \uc801\uc6a9\ud558\uc9c0 \uc54a\uc558\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub124\ud2b8\uc6cc\ud06c \ud328\ud0b7\uc740 \ud56d\uc0c1 \uc77c\uc815\ud55c \uac04\uaca9\uc73c\ub85c \ub3c4\ucc29\ud55c\ub2e4\uace0 \ubcf4\uc7a5\ud558\uae30 \uc5b4\ub835\uae30 \ub54c\ubb38\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\ub798\uc11c \uc218\uc2e0\ud55c \uc774\ub3d9 \ub370\uc774\ud130\ub97c Queue\uc5d0 \ub123\uace0 \uc21c\uc11c\ub300\ub85c \ucc98\ub9ac\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud604\uc7ac \uc774\ub3d9 \uc0c1\ud0dc\uc640 \ub2e4\uc74c \uc774\ub3d9 \ub370\uc774\ud130\ub97c \ubd84\ub9ac\ud558\uace0, \ub450 \uc9c0\uc810 \uc0ac\uc774\ub97c Lerp\uc640 Slerp\ub97c \uc0ac\uc6a9\ud574\uc11c \ubcf4\uac04\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uad6c\uc870\ub294 \ub2e4\uc74c\uacfc \uac19\uc774 \uad6c\uc131\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Packet Receive -&gt; DTO \ubcc0\ud658 -&gt; Movement Queue \uc0bd\uc785 -&gt; \ud604\uc7ac \ubaa9\ud45c \uc704\uce58\uae4c\uc9c0 \ubcf4\uac04 -&gt; \ub2e4\uc74c \ub370\uc774\ud130 \ucc98\ub9ac<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \ubc29\uc2dd\uc5d0\uc11c\ub294 \ub124\ud2b8\uc6cc\ud06c \uc218\uc2e0\uacfc \uc2e4\uc81c \ud654\uba74\uc5d0\uc11c \ubcf4\uc774\ub294 \uc774\ub3d9\uc744 \ubd84\ub9ac\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud328\ud0b7\uc774 \ub4e4\uc5b4\uc62c \ub54c\ub9c8\ub2e4 Transform\uc744 \uc989\uc2dc \ubcc0\uacbd\ud558\ub294 \uad6c\uc870\uc600\ub2e4\uba74 \ud328\ud0b7 \ub3c4\ucc29 \uac04\uaca9\uc5d0 \ub530\ub77c \uce90\ub9ad\ud130\uac00 \uc21c\uac04\uc801\uc73c\ub85c \ud280\ub294 \ud604\uc0c1\uc774 \ubc1c\uc0dd\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Queue\ub97c \ub450\uace0 \ubcf4\uac04 \uc2dc\uac04\uc744 \ubcc4\ub3c4\ub85c \uad00\ub9ac\ud558\uba74\uc11c \uc774\ub7f0 \ud604\uc0c1\uc744 \uc904\uc600\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\ub3d9 \uc0c1\ud0dc\uc5d0 \ub530\ub77c \uc560\ub2c8\uba54\uc774\uc158 \uc0c1\ud0dc\ub3c4 \uac19\uc774 \ubcc0\uacbd\ud560 \uc218 \uc788\ub3c4\ub85d \ub124\ud2b8\uc6cc\ud06c \uc774\ub3d9 \ub370\uc774\ud130\uc640 \ud074\ub77c\uc774\uc5b8\ud2b8\uc758 \ud45c\ud604\uc744 \ubd84\ub9ac\ud588\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">WebSocket\uacfc \ud504\ub808\uc784 \ubd80\ud558<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\uac1c\ubc1c\ud558\uba74\uc11c \uc758\uc678\ub85c \uc2e0\uacbd \uc368\uc57c \ud588\ub358 \ubd80\ubd84\uc740 \ub124\ud2b8\uc6cc\ud06c\uc640 \ud504\ub808\uc784 \ucc98\ub9ac\uc758 \uad00\uacc4\uc600\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WebSocket \uc790\uccb4\uac00 \ub290\ub9b0 \ubb38\uc81c\uac00 \uc544\ub2c8\ub77c \ud074\ub77c\uc774\uc5b8\ud2b8\uc5d0\uc11c \ud2b9\uc815 \uc791\uc5c5\uc774 \ud55c\uaebc\ubc88\uc5d0 \uc2e4\ud589\ub420 \ub54c \ubb38\uc81c\uac00 \ubc1c\uc0dd\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud2b9\ud788 \uc52c\uc744 \uc804\ud658\ud558\uba74\uc11c \ub9ce\uc740 \uc624\ube0c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud558\uac70\ub098 \ucd08\uae30\ud654\ud558\ub294 \uacfc\uc815\uc5d0\uc11c \uba54\uc778 \uc2a4\ub808\ub4dc\uc5d0 \uc791\uc5c5\uc774 \ubab0\ub838\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Profiler\ub85c \ud655\uc778\ud574\ubcf4\uba74 \ud2b9\uc815 \ud504\ub808\uc784\uc758 CPU \uc0ac\uc6a9\ub7c9\uc774 \ud06c\uac8c \uc99d\uac00\ud588\uace0, \uc774\ub54c \ub124\ud2b8\uc6cc\ud06c \ucc98\ub9ac\uc5d0\ub3c4 \uc601\ud5a5\uc744 \uc904 \uc218 \uc788\uc5c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\ub798\uc11c \ub300\ub7c9\uc758 \uc624\ube0c\uc81d\ud2b8\ub97c \ud55c \ud504\ub808\uc784\uc5d0 \uc804\ubd80 \uc0dd\uc131\ud558\uc9c0 \uc54a\uace0 \uc791\uc5c5\uc744 \uc5ec\ub7ec \ud504\ub808\uc784\uc73c\ub85c \ub098\ub234\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc608\ub97c \ub4e4\uc5b4 \ub9ce\uc740 \uc624\ube0c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud574\uc57c \ud558\ub294 \uacbd\uc6b0 \uc77c\uc815 \uac1c\uc218\ub9cc \ucc98\ub9ac\ud558\uace0 \ub2e4\uc74c \ud504\ub808\uc784\uc73c\ub85c \ub118\uae30\ub294 \ubc29\uc2dd\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc804\uccb4 \uc791\uc5c5\ub7c9 \uc790\uccb4\uac00 \uc904\uc5b4\ub4dc\ub294 \uac83\uc740 \uc544\ub2c8\uc9c0\ub9cc \ud55c \ud504\ub808\uc784\uc5d0 \ubc1c\uc0dd\ud558\ub294 Spike\ub97c \uc904\uc77c \uc218 \uc788\uc5c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc2e4\uc81c\ub85c WebGL\uc5d0\uc11c\ub294 \uc774\ub7f0 \ucc28\uc774\uac00 \ucef8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ucd94\uac00\ub85c \uc52c \ub85c\ub529\uc774\ub098 \ucd08\uae30\ud654 \uc0c1\ud0dc\ub97c \ub124\ud2b8\uc6cc\ud06c \uc0c1\ud0dc\uc640 \ubd84\ub9ac\ud574\uc11c \uad00\ub9ac\ud588\uace0, \ubb34\uac70\uc6b4 \uc791\uc5c5\uc774 \ubc1c\uc0dd\ud558\ub294 \uad6c\uac04\uc5d0\uc11c\ub294 \uc5f0\uacb0 timeout\ub3c4 \uae30\uc874 10\ucd08\uc5d0\uc11c 25\ucd08 \uc218\uc900\uc73c\ub85c \uc870\uc815\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub2e4\ub9cc timeout\uc744 \ub298\ub9ac\ub294 \uac83\ub9cc\uc73c\ub85c \ud574\uacb0\ud558\ub824\uace0 \ud558\uc9c0\ub294 \uc54a\uc558\ub2e4. \uc2e4\uc81c \uc6d0\uc778\uc740 \uba54\uc778 \uc2a4\ub808\ub4dc\uc5d0\uc11c \ubc1c\uc0dd\ud558\ub294 \uae34 \uc791\uc5c5\uc774\uc5c8\uae30 \ub54c\ubb38\uc5d0 frame slicing\uc744 \uac19\uc774 \uc801\uc6a9\ud588\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">JavaScript Bridge<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WebGL\uc5d0\uc11c\ub294 \ube0c\ub77c\uc6b0\uc800 \uae30\ub2a5\uc744 Unity API\ub9cc\uc73c\ub85c \ucc98\ub9ac\ud558\uae30 \uc5b4\ub824\uc6b4 \ubd80\ubd84\uc774 \uc788\uc5c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub300\ud45c\uc801\uc73c\ub85c IFrame, HTML Input, \ubaa8\ubc14\uc77c viewport, \ube0c\ub77c\uc6b0\uc800 \ud3ec\ucee4\uc2a4 \ub4f1\uc774\uc5c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">C#\uc5d0\uc11c\ub294 <code>DllImport(\"__Internal\")<\/code>\uc744 \uc0ac\uc6a9\ud574\uc11c JavaScript \ud568\uc218\ub97c \ud638\ucd9c\ud558\uace0 <code>.jslib<\/code> \ucabd\uc5d0\uc11c \ube0c\ub77c\uc6b0\uc800 \uae30\ub2a5\uc744 \uad6c\ud604\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">JavaScript\uc5d0\uc11c\ub294 <code>mergeInto(LibraryManager.library, ...)<\/code>\ub97c \ud1b5\ud574 Unity\uc5d0\uc11c \ud638\ucd9c\ud560 \ud568\uc218\ub97c \ub4f1\ub85d\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ube0c\ub9bf\uc9c0\uc758 \uc5ed\ud560\uc740 \ucd5c\ub300\ud55c \ub2e8\uc21c\ud558\uac8c \uc720\uc9c0\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uac8c\uc784 \ucf54\ub4dc\uc5d0\uc11c\ub294 \ube0c\ub77c\uc6b0\uc800\uc758 DOM \uad6c\uc870\ub098 \uc2e4\uc81c HTML \uad6c\ud604\uc744 \uc54c\uc9c0 \uc54a\uace0 \ud544\uc694\ud55c \ub3d9\uc791\ub9cc \uc694\uccad\ud55c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc608\ub97c \ub4e4\uc5b4 &#8220;\ud2b9\uc815 \uc601\uc5ed\uc5d0 \uc6f9 \ucf58\ud150\uce20\ub97c \ud45c\uc2dc\ud55c\ub2e4&#8221;\ub294 \uc694\uccad\uc744 Unity\uc5d0\uc11c \uc804\ub2ec\ud558\uace0 \uc2e4\uc81c IFrame \uc0dd\uc131\uacfc \uc704\uce58 \uc870\uc815\uc740 JavaScript\uc5d0\uc11c \ucc98\ub9ac\ud558\ub294 \uc2dd\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\ub807\uac8c \ubd84\ub9ac\ud574\ub450\uba74 \ube0c\ub77c\uc6b0\uc800 \ud654\uba74 \ud06c\uae30\uac00 \ubc14\ub00c\uac70\ub098 IFrame \ucc98\ub9ac \ubc29\uc2dd\uc774 \ubcc0\uacbd\ub3fc\ub3c4 \uac8c\uc784 \ucf54\ub4dc\uae4c\uc9c0 \uc218\uc815\ud560 \ud544\uc694\uac00 \uc5c6\uc5c8\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">IFrame \uae30\ubc18 \uc6f9 \ucf58\ud150\uce20<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\uc678\ubd80 \uc6f9 \ucf58\ud150\uce20\ub97c Unity \ub0b4\ubd80\uc5d0\uc11c \uc9c1\uc811 \ub80c\ub354\ub9c1\ud558\uc9c0 \uc54a\uace0 \ube0c\ub77c\uc6b0\uc800\uc758 IFrame\uc744 \uc0ac\uc6a9\ud558\ub294 \uad6c\uc870\ub3c4 \uc801\uc6a9\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub3d9\uc601\uc0c1\uc774\ub098 \uc678\ubd80 \uc6f9 \ud398\uc774\uc9c0\ucc98\ub7fc \ube0c\ub77c\uc6b0\uc800\uac00 \uc774\ubbf8 \ucc98\ub9ac\ud560 \uc218 \uc788\ub294 \ucf58\ud150\uce20\ub97c Unity \ud14d\uc2a4\ucc98\ub85c \ub2e4\uc2dc \uac00\uc838\uc624\ub294 \uac83\ubcf4\ub2e4 DOM\uc5d0\uc11c \ucc98\ub9ac\ud558\ub294 \ud3b8\uc774 \uc801\ud569\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ubb38\uc81c\ub294 Unity Canvas\uc640 IFrame\uc758 \uc88c\ud45c \uccb4\uacc4\uac00 \uc11c\ub85c \ub2e4\ub974\ub2e4\ub294 \uc810\uc774\uc5c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unity\uc5d0\uc11c\ub294 \uc815\uaddc\ud654\ub41c \uc88c\ud45c\ub97c \uc0ac\uc6a9\ud558\uace0 JavaScript\uc5d0\uc11c\ub294 \uc2e4\uc81c \ube0c\ub77c\uc6b0\uc800 \ud53d\uc140 \uc88c\ud45c\ub97c \uc0ac\uc6a9\ud558\uae30 \ub54c\ubb38\uc5d0 Canvas\uc758 \uc2e4\uc81c \uc704\uce58\uc640 \ud06c\uae30\ub97c \uae30\uc900\uc73c\ub85c \ubcc0\ud658\ud574\uc57c \ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Canvas\uc758 <code>getBoundingClientRect()<\/code>\ub97c \uae30\uc900\uc73c\ub85c \uc704\uce58\uc640 \ud06c\uae30\ub97c \uacc4\uc0b0\ud574\uc11c IFrame\uc5d0 \uc801\uc6a9\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ube0c\ub77c\uc6b0\uc800 \ucc3d \ud06c\uae30\uac00 \ubcc0\uacbd\ub418\uba74 \ub2e4\uc2dc \uacc4\uc0b0\ud558\ub3c4\ub85d \uad6c\uc131\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub610 \ud558\ub098 \ubb38\uc81c\uac00 \ub410\ub358 \ubd80\ubd84\uc740 \ud3ec\ucee4\uc2a4\uc600\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">IFrame\uc5d0 \ud3ec\ucee4\uc2a4\uac00 \ub118\uc5b4\uac04 \ub2e4\uc74c Unity Canvas\uc5d0\uc11c \ud0a4\ubcf4\ub4dc \uc785\ub825\uc744 \ubc1b\uc544\uc57c \ud558\ub294 \uc0c1\ud669\uc5d0\uc11c Canvas\uac00 \uc785\ub825\uc744 \ubc1b\uc9c0 \ubabb\ud558\ub294 \uacbd\uc6b0\uac00 \uc788\uc5c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \ubd80\ubd84\uc740 JavaScript\uc5d0\uc11c Canvas\uc640 window\uc758 focus \uc0c1\ud0dc\ub97c \ub2e4\uc2dc \uc7a1\ub294 \ubc29\uc2dd\uc73c\ub85c \ucc98\ub9ac\ud588\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\ud55c\uae00 IME \ucc98\ub9ac<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\ud55c\uae00 \uc785\ub825\uc740 \ubcc4\ub3c4\uc758 \ucc98\ub9ac\uac00 \ud544\uc694\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc601\ubb38 \ud0a4 \uc785\ub825\uacfc \ub2ec\ub9ac \ud55c\uae00\uc740 \uc870\ud569 \uacfc\uc815\uc774 \uc788\uae30 \ub54c\ubb38\uc5d0 \uc77c\ubc18\uc801\uc778 \ud0a4 \uc774\ubca4\ud2b8\ub9cc \ubc1b\uc544\uc11c \ucc98\ub9ac\ud558\uba74 \uc870\ud569 \uc911\uc778 \ubb38\uc790\uc5f4\uc744 \uc81c\ub300\ub85c \ucc98\ub9ac\ud558\uae30 \uc5b4\ub824\uc6e0\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\ub798\uc11c \ube0c\ub77c\uc6b0\uc800\uc758 HTML Input\uc744 \uc0ac\uc6a9\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud654\uba74\uc5d0\ub294 \ubcf4\uc774\uc9c0 \uc54a\ub294 Input\uc744 \ud558\ub098 \ub450\uace0 \uc2e4\uc81c \ud0a4\ubcf4\ub4dc \uc785\ub825\uc744 \ud574\ub2f9 \uc694\uc18c\uac00 \ubc1b\ub3c4\ub85d \ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">CompositionEvent\ub97c \uc774\uc6a9\ud574\uc11c \ud55c\uae00 \uc870\ud569 \uc0c1\ud0dc\ub97c \ud655\uc778\ud558\uace0 \ucd5c\uc885 \ubb38\uc790\uc5f4\uc744 Unity\ub85c \uc804\ub2ec\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud750\ub984\uc740 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Keyboard -&gt; HTML Input -&gt; CompositionEvent -&gt; JavaScript -&gt; C# Bridge -&gt; TextMeshPro<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \uad6c\uc870\ub97c \uc0ac\uc6a9\ud558\uba74\uc11c Unity\uc758 \uc77c\ubc18\uc801\uc778 \ud0a4 \uc785\ub825 \ucc98\ub9ac\uc640 \ube0c\ub77c\uc6b0\uc800\uc758 IME \ucc98\ub9ac\ub97c \ubd84\ub9ac\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ubaa8\ubc14\uc77c\uc5d0\uc11c\ub294 HTML Input\uc774 \uc2dc\uc2a4\ud15c \uac00\uc0c1 \ud0a4\ubcf4\ub4dc\uc640 \uc5f0\uacb0\ub41c\ub2e4\ub294 \uc810\ub3c4 \uc774 \uad6c\uc870\ub97c \uc0ac\uc6a9\ud558\ub294 \uc774\uc720 \uc911 \ud558\ub098\uc600\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Addressables \uae30\ubc18 \uc6d4\ub4dc \uad6c\uc131<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\uc6d4\ub4dc\uac00 \uc5ec\ub7ec \uacf5\uac04\uc73c\ub85c \ub098\ub258\uba74\uc11c \ubaa8\ub4e0 \ub9ac\uc18c\uc2a4\ub97c \ucd08\uae30 \uc9c4\uc785 \uc2dc\uc810\uc5d0 \uac00\uc838\uc624\ub294 \ubc29\uc2dd\uc740 \ubd80\ub2f4\uc774 \ucee4\uc84c\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc6f9\uc5d0\uc11c\ub294 \ucd08\uae30 \ub2e4\uc6b4\ub85c\ub4dc \uc6a9\ub7c9\uc774 \uadf8\ub300\ub85c \uc0ac\uc6a9\uc790\uc758 \uccab \uc9c4\uc785 \uc2dc\uac04\uc5d0 \uc601\ud5a5\uc744 \uc900\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\ub798\uc11c \uae30\ubcf8 \uc9c4\uc785\uc5d0 \ud544\uc694\ud55c \ub9ac\uc18c\uc2a4\uc640 \uc2e4\uc81c \uc6d4\ub4dc \ub9ac\uc18c\uc2a4\ub97c \ubd84\ub9ac\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ucd08\uae30\uc5d0\ub294 WebGL \uc2e4\ud589\uc5d0 \ud544\uc694\ud55c \ucd5c\uc18c \ub9ac\uc18c\uc2a4\uc640 Entry Scene\uc744 \ub85c\ub4dc\ud558\uace0 \ub2e4\ub978 \uacf5\uac04\uc740 Addressables\ub97c \ud1b5\ud574 \ud544\uc694\ud55c \uc2dc\uc810\uc5d0 \uac00\uc838\uc654\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc6d4\ub4dc\ub294 \uc57c\uc678 \uacf5\uac04, \uc804\uc2dc \uacf5\uac04, \ucee8\ud37c\ub7f0\uc2a4 \uacf5\uac04, \uc774\ubca4\ud2b8 \uacf5\uac04 \ub4f1\uc73c\ub85c \ub098\ub220 \uac01\uac01 \ub3c5\ub9bd\uc801\uc73c\ub85c \uad00\ub9ac\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc0ac\uc6a9\uc790\uac00 \ud2b9\uc815 \uacf5\uac04\uc73c\ub85c \uc774\ub3d9\ud558\uba74 \ud574\ub2f9 Addressable Scene\uc744 \ub85c\ub4dc\ud558\uace0 \uc774\uc804 \uacf5\uac04\uc758 \ub9ac\uc18c\uc2a4\ub97c \uc815\ub9ac\ud558\ub294 \ubc29\uc2dd\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \uad6c\uc870\ub97c \uc801\uc6a9\ud558\uba74\uc11c \ucd08\uae30 \ub85c\ub529 \ubd80\ub2f4\uc744 \uc904\uc77c \uc218 \uc788\uc5c8\uace0, \uc6d4\ub4dc\uac00 \ucee4\uc9c0\ub354\ub77c\ub3c4 \uc804\uccb4 \ub9ac\uc18c\uc2a4\ub97c \ud55c \ubc88\uc5d0 \uc720\uc9c0\ud558\uc9c0 \uc54a\uc544\ub3c4 \ub410\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\uc52c \uc804\ud658\uacfc \uba54\ubaa8\ub9ac \uad00\ub9ac<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Addressables\ub97c \uc801\uc6a9\ud588\ub2e4\uace0 \ud574\uc11c \uc52c \uc804\ud658 \ub54c \uba54\ubaa8\ub9ac\uac00 \ubc14\ub85c \uc815\ub9ac\ub418\ub294 \uac83\uc740 \uc544\ub2c8\uc5c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc2e4\uc81c\ub85c \uc5ec\ub7ec \ubc88 \uacf5\uac04\uc744 \uc774\ub3d9\ud558\ub294 \ud14c\uc2a4\ud2b8\ub97c \ud558\uba74\uc11c \uc774\uc804 \uacf5\uac04\uc5d0\uc11c \uc0ac\uc6a9\ud588\ub358 \ud14d\uc2a4\ucc98\ub098 \uc624\ub514\uc624 \ub4f1\uc774 \ub0a8\uc544 \uc788\ub294 \uc0c1\ud669\uc744 \ud655\uc778\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\ub798\uc11c Addressable Handle\uc744 \uc9c1\uc811 \uad00\ub9ac\ud558\uace0 \uc52c\uc758 \ub85c\ub4dc\uc640 \uc5b8\ub85c\ub4dc \uc2dc\uc810\uc744 \uba85\ud655\ud558\uac8c \uad6c\ubd84\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc0ac\uc6a9\ud558\uc9c0 \uc54a\ub294 \ub9ac\uc18c\uc2a4\ub97c \uc815\ub9ac\ud558\uae30 \uc704\ud574 <code>Resources.UnloadUnusedAssets()<\/code>\ub3c4 \uc0ac\uc6a9\ud588\uace0 \ud544\uc694\ud55c \uc0c1\ud669\uc5d0\uc11c\ub294 <code>GC.Collect()<\/code>\uae4c\uc9c0 \uc801\uc6a9\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub2e4\ub9cc GC\ub97c \ubb34\uc870\uac74 \ud638\ucd9c\ud558\ub294 \ubc29\uc2dd\uc73c\ub85c \uc0ac\uc6a9\ud558\uc9c0\ub294 \uc54a\uc558\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">GC \uc790\uccb4\ub3c4 \uba54\uc778 \uc2a4\ub808\ub4dc \uc791\uc5c5\uc774\uae30 \ub54c\ubb38\uc5d0 \uc798\ubabb\ub41c \uc704\uce58\uc5d0\uc11c \uc2e4\ud589\ud558\uba74 \uba54\ubaa8\ub9ac\ub294 \uc904\uc5b4\ub4e4\uc9c0\ub9cc \ud504\ub808\uc784\uc774 \ud288 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\ub798\uc11c \uc52c \uc804\ud658 \uacfc\uc815\uc5d0\uc11c \uc5b8\uc81c \uc815\ub9ac \uc791\uc5c5\uc744 \uc218\ud589\ud560\uc9c0 \uac19\uc774 \uc870\uc815\ud588\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\ubaa8\ubc14\uc77c Safari \uba54\ubaa8\ub9ac \ubb38\uc81c<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">PC\uc5d0\uc11c\ub294 \uc5ec\ub7ec \ubc88 \uc52c\uc744 \uc774\ub3d9\ud574\ub3c4 \ud06c\uac8c \ubb38\uc81c\uac00 \ub098\ud0c0\ub098\uc9c0 \uc54a\uc558\uc9c0\ub9cc \ubaa8\ubc14\uc77c Safari\uc5d0\uc11c \ubc18\ubcf5 \ud14c\uc2a4\ud2b8\ub97c \ud558\uba74\uc11c \uba54\ubaa8\ub9ac \ubb38\uc81c\uac00 \uba85\ud655\ud558\uac8c \ub098\ud0c0\ub0ac\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud2b9\ud788 \uc52c \uc774\ub3d9\uc744 \ubc18\ubcf5\ud560\uc218\ub85d \ube0c\ub77c\uc6b0\uc800\uc758 \uba54\ubaa8\ub9ac \uc0ac\uc6a9\ub7c9\uc774 \uc99d\uac00\ud588\uace0 \uc77c\uc815 \uc2dc\uc810 \uc774\ud6c4 \ud398\uc774\uc9c0\uac00 \uc885\ub8cc\ub418\ub294 \ud604\uc0c1\uc774 \uc788\uc5c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\ub54c \ub2e8\uc21c\ud788 \ud604\uc7ac \uc52c\ub9cc unload\ud558\ub294 \uac83\uc73c\ub85c\ub294 \ubd80\uc871\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud14d\uc2a4\ucc98\uc640 \uc624\ub514\uc624\ucc98\ub7fc \uba54\ubaa8\ub9ac\ub97c \ud06c\uac8c \uc0ac\uc6a9\ud558\ub294 \ub9ac\uc18c\uc2a4\uac00 \uc2e4\uc81c\ub85c \ud574\uc81c\ub418\uace0 \uc788\ub294\uc9c0 \ud655\uc778\ud588\uace0 Addressables Handle\uacfc \ub9ac\uc18c\uc2a4 \ucc38\uc870\ub97c \uac19\uc774 \ud655\uc778\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud14d\uc2a4\ucc98 \uc555\ucd95\ub3c4 \ubaa8\ubc14\uc77c \uae30\uc900\uc73c\ub85c \ub2e4\uc2dc \uc870\uc815\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ASTC 4&#215;4\uc640 6&#215;6 \ub4f1\uc744 \uc0ac\uc6a9\ud574\uc11c \uc0c1\ud669\uc5d0 \ub530\ub77c \ud14d\uc2a4\ucc98 \uba54\ubaa8\ub9ac\ub97c \uc904\uc600\uace0, \ud544\uc694 \uc774\uc0c1\uc73c\ub85c \ud070 \ud14d\uc2a4\ucc98\ub97c \uc0ac\uc6a9\ud558\ub294 \ub9ac\uc18c\uc2a4\ub3c4 \ub2e4\uc2dc \uc815\ub9ac\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ubaa8\ubc14\uc77c\uc5d0\uc11c \uc911\uc694\ud55c \uac83\uc740 \ud55c \ubc88\uc758 \uc52c \ub85c\ub529\uc774 \uc815\uc0c1\uc801\uc73c\ub85c \ub05d\ub098\ub294 \uac83\ub9cc\uc774 \uc544\ub2c8\uc5c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc6d4\ub4dc A -&gt; \uc6d4\ub4dc B -&gt; \uc6d4\ub4dc C -&gt; \uc6d4\ub4dc A\ucc98\ub7fc \ubc18\ubcf5\ud574\uc11c \uc774\ub3d9\ud588\uc744 \ub54c \uba54\ubaa8\ub9ac\uac00 \uacc4\uc18d \ub204\uc801\ub418\uc9c0 \uc54a\ub294\uc9c0\ub97c \ud655\uc778\ud574\uc57c \ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \ubd80\ubd84\uc744 \ud14c\uc2a4\ud2b8\ud558\uba74\uc11c \uc52c \uad00\ub9ac\uac00 \ub2e8\uc21c\ud55c \ub85c\ub529 \uae30\ub2a5\uc774 \uc544\ub2c8\ub77c \ud074\ub77c\uc774\uc5b8\ud2b8 \uc548\uc815\uc131\uacfc \uc9c1\uc811 \uc5f0\uacb0\ub41c\ub2e4\ub294 \uac83\uc744 \ud655\uc778\ud588\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">WebGL \ub80c\ub354\ub9c1 \ucd5c\uc801\ud654<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\ub80c\ub354\ub9c1 \ucabd\uc5d0\uc11c\ub294 Draw Call\uacfc \ud14d\uc2a4\ucc98 \uc0ac\uc6a9\ub7c9\ubd80\ud130 \ud655\uc778\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud2b9\ud788 \uc624\ube0c\uc81d\ud2b8\uac00 \ub9ce\uc774 \ubc30\uce58\ub41c \uacf5\uac04\uc5d0\uc11c\ub294 \uc791\uc740 \uc624\ube0c\uc81d\ud2b8 \ud558\ub098\ud558\ub098\uac00 \ubcc4\ub3c4\uc758 \ub80c\ub354\ub9c1 \ube44\uc6a9\uc744 \ub9cc\ub4e4 \uc218 \uc788\uc5c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc815\uc801\uc778 \uc624\ube0c\uc81d\ud2b8\ub294 Mesh Baker\uc640 Static Batching\uc744 \uc0ac\uc6a9\ud574\uc11c \ucd5c\ub300\ud55c \ubb36\uc5c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uac19\uc740 \ud14d\uc2a4\ucc98\ub97c \uc0ac\uc6a9\ud558\ub294 \ub9ac\uc18c\uc2a4\ub294 Texture Atlas\ub97c \uc801\uc6a9\ud574\uc11c Material \ubcc0\uacbd\ub3c4 \uc904\uc600\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c\ub294 WebGL \ud658\uacbd\uc5d0\uc11c 60 FPS\ub97c \uc720\uc9c0\ud558\ub294 \uac83\uc744 \ubaa9\ud45c\ub85c Draw Call\uc744 \ub300\ub7b5 200~400 \uc218\uc900\uc5d0\uc11c \uad00\ub9ac\ud588\uace0, \uacf5\uac04\uc5d0 \ub530\ub77c \ucd5c\uc801\ud654\ub97c \uc9c4\ud589\ud558\uba74\uc11c Draw Call\uc744 80% \uc774\uc0c1 \uc904\uc778 \uacbd\uc6b0\ub3c4 \uc788\uc5c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ubaa8\ub4e0 \uacf5\uac04\uc5d0\uc11c \ub3d9\uc77c\ud55c \uc218\uce58\ub97c \ub9de\ucd94\ub824\uace0 \ud558\uae30\ubcf4\ub2e4\ub294 \uc2e4\uc81c\ub85c \ubd80\ud558\uac00 \ud070 \uacf5\uac04\uc744 \uba3c\uc800 \ucc3e\uc544\uc11c \uc218\uc815\ud588\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">LOD\uc640 \uadf8\ub9bc\uc790 \uc124\uc815<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">LOD\ub3c4 \uc801\uadf9\uc801\uc73c\ub85c \uc0ac\uc6a9\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud50c\ub808\uc774\uc5b4\uc640 \uac00\uae4c\uc6b4 \uc624\ube0c\uc81d\ud2b8\ub294 \ub192\uc740 \ud488\uc9c8\uc758 Mesh\ub97c \uc0ac\uc6a9\ud558\uc9c0\ub9cc \uac70\ub9ac\uac00 \uba40\uc5b4\uc9c0\uba74 \ub2e8\uc21c\ud55c Mesh\ub85c \uad50\uccb4\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc6f9\uc5d0\uc11c\ub294 \ud654\uba74\uc5d0 \uc791\uac8c \ubcf4\uc774\ub294 \uc624\ube0c\uc81d\ud2b8\uc5d0 \ub192\uc740 \ud3f4\ub9ac\uace4 \ube44\uc6a9\uc744 \uacc4\uc18d \uc0ac\uc6a9\ud558\ub294 \uac83\uc774 \ud6a8\uc728\uc801\uc774\uc9c0 \uc54a\uc558\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\ub9bc\uc790\ub294 \ub354 \ubbfc\uac10\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Shadow Distance\ub97c \ub0ae\ucd94\uace0 Cascade \uc218\ub3c4 \uc81c\ud55c\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud504\ub85c\uc81d\ud2b8 \ud658\uacbd\uc5d0\uc11c\ub294 \ud544\uc694\ud55c \uc601\uc5ed\uc744 \uae30\uc900\uc73c\ub85c Shadow Distance\ub97c \uc57d 25~35m \uc815\ub3c4\ub85c \uc870\uc815\ud558\uace0 Cascade\ub3c4 \uc81c\ud55c\ud574\uc11c \uc0ac\uc6a9\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud488\uc9c8\uc744 \ucd5c\ub300\ud55c \uc720\uc9c0\ud558\ub294 \ubc29\ud5a5\ubcf4\ub2e4\ub294 \uc2e4\uc81c \ud50c\ub808\uc774 \ud654\uba74\uc5d0\uc11c \ucc28\uc774\uac00 \uc801\uc740 \ubd80\ubd84\ubd80\ud130 \ube44\uc6a9\uc744 \uc904\uc600\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">WebGL Quality Tier<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">PC\uc640 \ubaa8\ubc14\uc77c\uc5d0 \ub3d9\uc77c\ud55c \uadf8\ub798\ud53d \uc124\uc815\uc744 \uc801\uc6a9\ud558\uc9c0 \uc54a\uc558\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">URP Asset\uc744 \uae30\ubc18\uc73c\ub85c Quality Tier\ub97c \ubd84\ub9ac\ud558\uace0 \ud14d\uc2a4\ucc98 Mipmap Limit, \uadf8\ub9bc\uc790 \uac70\ub9ac, Cascade \ub4f1\uc758 \uc124\uc815\uc744 \ud658\uacbd\uc5d0 \ub530\ub77c \ubcc0\uacbd\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ubaa8\ubc14\uc77c\uc5d0\uc11c\ub294 \ub192\uc740 \ud488\uc9c8\uc758 \uadf8\ub9bc\uc790\ub97c \uc720\uc9c0\ud558\ub294 \uac83\ubcf4\ub2e4 \uba54\ubaa8\ub9ac\uc640 GPU \ubd80\ud558\ub97c \uc904\uc774\ub294 \uac83\uc774 \uc6b0\uc120\uc774\uc5c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud14d\uc2a4\ucc98 \uc5ed\uc2dc \ubaa8\ub4e0 \uae30\uae30\uc5d0\uc11c \ub3d9\uc77c\ud55c \ud574\uc0c1\ub3c4\ub97c \uc0ac\uc6a9\ud560 \ud544\uc694\uac00 \uc5c6\uc5c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\ub7f0 \uc124\uc815\uc744 \ud558\ub098\uc758 Quality \uc124\uc815\uc73c\ub85c \ubb36\uc5b4\ub450\uba74\uc11c \uae30\uae30 \uc131\ub2a5\uc5d0 \ub530\ub77c \ub80c\ub354\ub9c1 \ube44\uc6a9\uc744 \uc870\uc808\ud560 \uc218 \uc788\ub3c4\ub85d \ud588\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\ubaa8\ubc14\uc77c \uc870\uc791<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\ubaa8\ubc14\uc77c\uc5d0\uc11c\ub294 \ud654\uba74\uc744 \ub450 \uc601\uc5ed\uc73c\ub85c \ub098\ub220 \uc870\uc791\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc67c\ucabd\uc5d0\ub294 Virtual Joystick\uc744 \ub450\uace0 \uc774\ub3d9\uc744 \ucc98\ub9ac\ud588\uace0 \uc624\ub978\ucabd \uc601\uc5ed\uc5d0\uc11c\ub294 Touch Look\uc744 \ud1b5\ud574 \uce74\uba54\ub77c\ub97c \uc870\uc791\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc5ec\uae30\uc11c \ub2e8\uc21c\ud788 \ud654\uba74\uc758 \uc67c\ucabd\uacfc \uc624\ub978\ucabd\ub9cc \ub098\ub204\uba74 UI\ub97c \ud130\uce58\ud560 \ub54c \uce74\uba54\ub77c\uac00 \uac19\uc774 \uc6c0\uc9c1\uc774\ub294 \ubb38\uc81c\uac00 \uc0dd\uacbc\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\ub798\uc11c <code>EventSystem.IsPointerOverGameObject()<\/code>\ub97c \uc0ac\uc6a9\ud574\uc11c UI\ub97c \ub204\ub974\uace0 \uc788\ub294 \ud130\uce58\uac00 \uac8c\uc784 \uc785\ub825\uc73c\ub85c \uc804\ub2ec\ub418\uc9c0 \uc54a\ub3c4\ub85d \ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uba40\ud2f0\ud130\uce58\ub3c4 \uace0\ub824\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc870\uc774\uc2a4\ud2f1\uc744 \uc7a1\uace0 \uc788\ub294 \uc190\uac00\ub77d\uacfc \uce74\uba54\ub77c\ub97c \uc870\uc791\ud558\ub294 \uc190\uac00\ub77d\uc774 \uc11c\ub85c \ub2e4\ub978 \uc785\ub825\uc73c\ub85c \ucc98\ub9ac\ub418\uc5b4\uc57c \ud588\uae30 \ub54c\ubb38\uc5d0 \ud130\uce58 ID\ub97c \uae30\uc900\uc73c\ub85c \uc785\ub825\uc744 \uad6c\ubd84\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">PC\uc5d0\uc11c \ub9c8\uc6b0\uc2a4 \ud558\ub098\ub9cc \uc0dd\uac01\ud558\uace0 \ub9cc\ub4e0 \uc785\ub825 \uad6c\uc870\ub97c \uadf8\ub300\ub85c \uac00\uc838\uc624\uc9c0 \uc54a\uace0 \ubaa8\ubc14\uc77c \uc785\ub825\uc744 \ubcc4\ub3c4\ub85c \ucc98\ub9ac\ud588\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\ubaa8\ubc14\uc77c \ube0c\ub77c\uc6b0\uc800 viewport<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\ubaa8\ubc14\uc77c \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c\ub294 <code>100vh<\/code>\ub97c \uae30\uc900\uc73c\ub85c \ud654\uba74\uc744 \uc7a1\ub294 \ubc29\uc2dd\uc5d0\ub3c4 \ubb38\uc81c\uac00 \uc788\uc5c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc8fc\uc18c\ucc3d\uc774 \ub098\ud0c0\ub098\uac70\ub098 \uc0ac\ub77c\uc9c0\uba74\uc11c \uc2e4\uc81c viewport \ub192\uc774\uac00 \ub2ec\ub77c\uc9c8 \uc218 \uc788\uae30 \ub54c\ubb38\uc774\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\ub798\uc11c JavaScript\uc5d0\uc11c <code>window.resize<\/code>\uc640 \uc2e4\uc81c viewport \uc815\ubcf4\ub97c \ud655\uc778\ud558\uace0 Unity Canvas\uc758 \ud06c\uae30\ub97c \ub2e4\uc2dc \uacc4\uc0b0\ud558\ub3c4\ub85d \ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud2b9\ud788 <code>window.innerHeight<\/code>\uc640 <code>visualViewport<\/code>\ub97c \ud655\uc778\ud574\uc11c \uc2e4\uc81c \uc0ac\uc6a9 \uac00\ub2a5\ud55c \uc601\uc5ed\uc5d0 \ub9de\uac8c UI\uc640 Canvas \ud06c\uae30\ub97c \uc870\uc815\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774 \ubd80\ubd84 \uc5ed\uc2dc Unity \ub0b4\ubd80\uc758 \ud574\uc0c1\ub3c4 \ucc98\ub9ac\ub9cc\uc73c\ub85c \ud574\uacb0\ud558\ub824\uace0 \ud558\uc9c0 \uc54a\uace0 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc2e4\uc81c \uac12\uc744 \ubc1b\uc544\uc624\ub294 \ubc29\uc2dd\uc73c\ub85c \ucc98\ub9ac\ud588\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\uc131\ub2a5\uc744 \ud655\uc778\ud558\ub294 \uae30\uc900<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\ucd08\uae30\uc5d0\ub294 FPS\ub97c \uac00\uc7a5 \uba3c\uc800 \ubd24\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud558\uc9c0\ub9cc \uac1c\ubc1c\uc744 \uc9c4\ud589\ud558\uba74\uc11c FPS \ud558\ub098\ub9cc \ubcf4\uace0 \ud310\ub2e8\ud558\ub294 \uac83\uc740 \ubd80\uc871\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\ub798\uc11c \uc774\ud6c4\uc5d0\ub294 CPU Frame Time, GPU Frame Time, Draw Call, Texture Memory, WASM Memory, Network Packet Rate, Scene Load Time\uc744 \uac19\uc774 \ud655\uc778\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc52c \uc804\ud658\uc774 \ub290\ub9ac\ub2e4\uba74 Scene Load Time\ub9cc \ubcf4\ub294 \uac83\uc774 \uc544\ub2c8\ub77c \ud574\ub2f9 \uc21c\uac04 CPU Frame Time\uc774 \uc5bc\ub9c8\ub098 \uc99d\uac00\ud558\ub294\uc9c0 \ud655\uc778\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uba54\ubaa8\ub9ac\ub294 \ud604\uc7ac \uc0ac\uc6a9\ub7c9\ub9cc \ud655\uc778\ud558\uc9c0 \uc54a\uace0 \ub3d9\uc77c\ud55c \uc52c\uc744 \ubc18\ubcf5\ud574\uc11c \uc774\ub3d9\ud588\uc744 \ub54c \uacc4\uc18d \uc99d\uac00\ud558\ub294\uc9c0\ub97c \ud655\uc778\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub124\ud2b8\uc6cc\ud06c \uc5ed\uc2dc \ud328\ud0b7 \uc218\ub9cc \ubcf4\ub294 \uac83\uc774 \uc544\ub2c8\ub77c \uc2e4\uc81c \uc774\ub3d9 \uc0c1\ud0dc\uc5d0\uc11c \uc5b4\ub290 \uc815\ub3c4 \ube48\ub3c4\ub85c \ub370\uc774\ud130\uac00 \ubc1c\uc0dd\ud558\ub294\uc9c0 \ud655\uc778\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\ub807\uac8c \uce21\uc815 \ud56d\ubaa9\uc744 \ub098\ub220\ub193\uc73c\ub2c8 \ucd5c\uc801\ud654\ud560 \ub54c\ub3c4 \uac10\uc73c\ub85c \uc218\uc815\ud558\ub294 \uc77c\uc774 \uc904\uc5c8\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\uac1c\ubc1c\ud558\uba74\uc11c \uc815\ub9ac\ud55c \ubd80\ubd84<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\uc6f9 \uba54\ud0c0\ubc84\uc2a4 \ud074\ub77c\uc774\uc5b8\ud2b8\ub294 Unity \uae30\ub2a5\ub9cc \uc798 \uc0ac\uc6a9\ud55c\ub2e4\uace0 \ub05d\ub098\ub294 \uad6c\uc870\uac00 \uc544\ub2c8\uc5c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WebGL\uc5d0\uc11c\ub294 WASM\uacfc \ube0c\ub77c\uc6b0\uc800 \ud658\uacbd\uc744 \uac19\uc774 \ubd10\uc57c \ud588\uace0, \ub124\ud2b8\uc6cc\ud06c\uc5d0\uc11c\ub294 \uc804\uc1a1 \uc8fc\uae30\uc640 \uc218\uc2e0 \ub370\uc774\ud130 \ucc98\ub9ac \ubc29\uc2dd\uc744 \ub530\ub85c \uad00\ub9ac\ud574\uc57c \ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc52c\uc774 \ub9ce\uc544\uc9c0\uba74\uc11c Addressables\uc640 \ub9ac\uc18c\uc2a4 \uc218\uba85 \uad00\ub9ac\uac00 \uc911\uc694\ud574\uc84c\uace0, \ubaa8\ubc14\uc77c\uc5d0\uc11c\ub294 \uba54\ubaa8\ub9ac\uc640 viewport\uae4c\uc9c0 \ubcc4\ub3c4\ub85c \ub300\uc751\ud574\uc57c \ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \uae30\ub2a5\uc744 \uad73\uc774 Unity \ub0b4\ubd80\uc5d0\uc11c \ub2e4\uc2dc \uad6c\ud604\ud558\uc9c0 \uc54a\uace0 JavaScript Bridge\ub97c \ud1b5\ud574 \ub118\uae30\ub294 \uac83\ub3c4 \uc911\uc694\ud55c \ud310\ub2e8\uc774\uc5c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uac1c\ubc1c\ud558\uba74\uc11c \ud2b9\ud788 \ub9ce\uc774 \uc218\uc815\ud588\ub358 \ubd80\ubd84\uc740 &#8220;\ud55c \ubc88 \uc815\uc0c1\uc801\uc73c\ub85c \ub3d9\uc791\ud558\ub294 \uad6c\uc870&#8221;\ub97c &#8220;\uac19\uc740 \ub3d9\uc791\uc744 \ubc18\ubcf5\ud574\ub3c4 \ubb38\uc81c\uac00 \uc0dd\uae30\uc9c0 \uc54a\ub294 \uad6c\uc870&#8221;\ub85c \ubc14\uafb8\ub294 \uc77c\uc774\uc5c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc52c\uc744 \ud55c \ubc88 \ub85c\ub4dc\ud558\ub294 \uac83\ubcf4\ub2e4 \uc52c\uc744 \uacc4\uc18d \uc774\ub3d9\ud588\uc744 \ub54c \uba54\ubaa8\ub9ac\uac00 \uc720\uc9c0\ub418\ub294\uc9c0\uac00 \uc911\uc694\ud588\uace0, \uce90\ub9ad\ud130\uac00 \ud55c \ubc88 \uc6c0\uc9c1\uc774\ub294 \uac83\ubcf4\ub2e4 \uc5ec\ub7ec \uc0ac\uc6a9\uc790\uac00 \ub3d9\uc2dc\uc5d0 \uc6c0\uc9c1\uc77c \ub54c \ub124\ud2b8\uc6cc\ud06c \ub370\uc774\ud130\uc640 \ubcf4\uac04\uc774 \uc548\uc815\uc801\uc73c\ub85c \ucc98\ub9ac\ub418\ub294\uc9c0\uac00 \uc911\uc694\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WebGL \ud074\ub77c\uc774\uc5b8\ud2b8\uc5d0\uc11c\ub294 \ud3c9\uade0\uc801\uc778 \uc131\ub2a5\ubcf4\ub2e4 \ud2b9\uc815 \uc21c\uac04\uc5d0 \ubc1c\uc0dd\ud558\ub294 Spike\ub97c \uc904\uc774\ub294 \uac83\uc774 \uc911\uc694\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ub300\ub7c9 \uc624\ube0c\uc81d\ud2b8 \uc0dd\uc131\uc740 \ud504\ub808\uc784 \ub2e8\uc704\ub85c \ub098\ub204\uace0, \ub124\ud2b8\uc6cc\ud06c \uc774\ub3d9 \ub370\uc774\ud130\ub294 Queue\ub97c \uac70\uccd0 \ubcf4\uac04\ud558\uace0, \ub9ac\uc18c\uc2a4\ub294 Addressables Handle\uc744 \uae30\uc900\uc73c\ub85c \uc218\uba85 \uc8fc\uae30\ub97c \uad00\ub9ac\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uac01\uac01 \ub2e4\ub978 \ubb38\uc81c\ucc98\ub7fc \ubcf4\uc774\uc9c0\ub9cc \uc2e4\uc81c\ub85c\ub294 \uba54\uc778 \uc2a4\ub808\ub4dc, \uba54\ubaa8\ub9ac, \ub124\ud2b8\uc6cc\ud06c, \ub80c\ub354\ub9c1\uc774 \uc11c\ub85c \uc5f0\uacb0\ub418\uc5b4 \uc788\uc5c8\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\ub9c8\ubb34\ub9ac<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\uc774\ubc88 \ud504\ub85c\uc81d\ud2b8\ub97c \uc9c4\ud589\ud558\uba74\uc11c WebGL\uc744 \ub2e8\uc21c\ud788 Unity\uc758 \ube4c\ub4dc \ud50c\ub7ab\ud3fc \uc911 \ud558\ub098\ub85c \uc0dd\uac01\ud558\uba74 \uc548 \ub41c\ub2e4\ub294 \uc810\uc744 \ub9ce\uc774 \ud655\uc778\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uac19\uc740 Unity \ucf54\ub4dc\ub77c\ub3c4 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc2e4\ud589\ud558\uba74 \uba54\ubaa8\ub9ac \uad00\ub9ac \ubc29\uc2dd\uc774\ub098 \uc785\ub825 \ucc98\ub9ac, \uc678\ubd80 \ucf58\ud150\uce20 \uc5f0\ub3d9 \ubc29\uc2dd\uc5d0\uc11c \ub2e4\ub978 \ubb38\uc81c\uac00 \uc0dd\uacbc\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\ub798\uc11c \ud074\ub77c\uc774\uc5b8\ud2b8 \uad6c\uc870\ub3c4 Unity \ub0b4\ubd80\ub9cc \ubcf4\ub294 \ubc29\uc2dd\uc5d0\uc11c \ubc97\uc5b4\ub098 \ube0c\ub77c\uc6b0\uc800\uc640 Unity\uc758 \uc5ed\ud560\uc744 \ub098\ub220\uc11c \uc124\uacc4\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc2e4\uc2dc\uac04 \uc774\ub3d9\uc740 WebSocket\uacfc DTO\ub97c \uc0ac\uc6a9\ud558\uace0 0.2\ucd08 \ub2e8\uc704\uc758 \uc804\uc1a1 \uc8fc\uae30\uc640 \uc0c1\ud0dc \ubcc0\ud654\ub97c \uae30\uc900\uc73c\ub85c \ub370\uc774\ud130\ub97c \uad00\ub9ac\ud588\ub2e4. \uc218\uc2e0\ud55c \ub370\uc774\ud130\ub294 Queue\uc5d0 \ub123\uace0 Lerp\uc640 Slerp\ub85c \ubcf4\uac04\ud574\uc11c \ub124\ud2b8\uc6cc\ud06c \uc0c1\ud0dc\uc640 \uc2e4\uc81c \ud654\uba74\uc0c1\uc758 \uc6c0\uc9c1\uc784\uc744 \ubd84\ub9ac\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc6d4\ub4dc\ub294 Addressables\ub85c \ub098\ub204\uace0 \uc52c Handle\uc744 \uad00\ub9ac\ud558\uba74\uc11c \ud544\uc694\ud558\uc9c0 \uc54a\uc740 \ub9ac\uc18c\uc2a4\ub97c \uc815\ub9ac\ud588\ub2e4. \ubaa8\ubc14\uc77c\uc5d0\uc11c\ub294 ASTC\uc640 LOD, Shadow \uc124\uc815 \ub4f1\uc744 \uc870\uc815\ud588\uace0 \ubc18\ubcf5\uc801\uc778 \uc52c \uc774\ub3d9\uc5d0\uc11c \uba54\ubaa8\ub9ac\uac00 \ub204\uc801\ub418\uc9c0 \uc54a\ub294\uc9c0\ub3c4 \uacc4\uc18d \ud655\uc778\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ube0c\ub77c\uc6b0\uc800\uc640 \uad00\ub828\ub41c \uae30\ub2a5\uc740 JavaScript Bridge\ub85c \ubd84\ub9ac\ud588\ub2e4. IFrame\uc740 DOM\uc5d0\uc11c \ucc98\ub9ac\ud588\uace0 \ud55c\uae00 \uc785\ub825\uc740 HTML Input\uacfc CompositionEvent\ub97c \uc774\uc6a9\ud588\ub2e4. \ubaa8\ubc14\uc77c viewport\uc640 Canvas focus \uc5ed\uc2dc \ube0c\ub77c\uc6b0\uc800 \ucabd\uc5d0\uc11c \uc9c1\uc811 \uc81c\uc5b4\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uac1c\ubc1c\ud558\uba74\uc11c \uac00\uc7a5 \ub9ce\uc774 \uc2e0\uacbd \uc4f4 \ubd80\ubd84\uc740 \ud2b9\uc815 \uae30\ub2a5 \ud558\ub098\uc758 \uc644\uc131\ub3c4\uac00 \uc544\ub2c8\uc5c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\uac01 \uae30\ub2a5\uc774 \ub2e4\ub978 \uc2dc\uc2a4\ud15c\uc5d0 \uc5b4\ub5a4 \ubd80\ud558\ub97c \ub9cc\ub4dc\ub294\uc9c0 \ud655\uc778\ud558\ub294 \uac83<\/strong>\uc5d0 \uac00\uae4c\uc6e0\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc52c \ub85c\ub529 \ub54c\ubb38\uc5d0 CPU\uac00 \uc21c\uac04\uc801\uc73c\ub85c \uc62c\ub77c\uac00\uba74 \ub124\ud2b8\uc6cc\ud06c \ucc98\ub9ac\uc5d0\ub3c4 \uc601\ud5a5\uc744 \uc904 \uc218 \uc788\uace0, \ub9ac\uc18c\uc2a4 \ud574\uc81c\uac00 \uc81c\ub300\ub85c \ub418\uc9c0 \uc54a\uc73c\uba74 \ubaa8\ubc14\uc77c\uc5d0\uc11c\ub294 \ube0c\ub77c\uc6b0\uc800\uac00 \uc885\ub8cc\ub420 \uc218\ub3c4 \uc788\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uadf8\ub798\uc11c \uc774\ud6c4\uc5d0\ub294 \uae30\ub2a5\uc744 \ucd94\uac00\ud560 \ub54c\ub3c4 \ub2e8\uc21c\ud788 \ub3d9\uc791 \uc5ec\ubd80\ub9cc \ud655\uc778\ud558\uc9c0 \uc54a\uace0 Frame Time, Memory, Network, Rendering\uc744 \uac19\uc774 \ud655\uc778\ud558\ub294 \ubc29\uc2dd\uc73c\ub85c \uac1c\ubc1c\ud588\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc6f9 \uae30\ubc18 3D \ud074\ub77c\uc774\uc5b8\ud2b8\uc5d0\uc11c\ub294 \uc774\ub7f0 \uc2dd\uc73c\ub85c \uc2dc\uc2a4\ud15c \uc0ac\uc774\uc758 \uacbd\uacc4\ub97c \uac19\uc774 \ubcf4\ub294 \uac83\uc774 \uc911\uc694\ud558\ub2e4\uace0 \ud310\ub2e8\ud588\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud504\ub85c\uc81d\ud2b8 \uac1c\uc694 \uc6f9 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc2e4\ud589\ub418\ub294 3D \uba54\ud0c0\ubc84\uc2a4 \ud074\ub77c\uc774\uc5b8\ud2b8\ub97c Unity WebGL\ub85c \uac1c\ubc1c\ud588\ub2e4. \ud074\ub77c\uc774\uc5b8\ud2b8\uc5d0\uc11c\ub294 \ud50c\ub808\uc774\uc5b4 \uc774\ub3d9\uacfc \ub2e4\ub978 \uc0ac\uc6a9\uc790 \ub3d9\uae30\ud654, \uc5ec\ub7ec \uacf5\uac04\uc73c\ub85c \uad6c\uc131\ub41c \uc6d4\ub4dc, NPC\uc640 \ucf58\ud150\uce20, \uc6f9 \uae30\ubc18 UI \ub4f1\uc744 \ucc98\ub9ac\ud574\uc57c \ud588\ub2e4. PC\ubfd0\ub9cc \uc544\ub2c8\ub77c \ubaa8\ubc14\uc77c \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c\ub3c4 \ub3d9\uc791\ud574\uc57c \ud588\uae30 \ub54c\ubb38\uc5d0 \uc77c\ubc18\uc801\uc778 Standalone Unity \ud504\ub85c\uc81d\ud2b8\uc640 \uac19\uc740 \ubc29\uc2dd\uc73c\ub85c\ub9cc \uac1c\ubc1c\ud558\uae30\ub294 \uc5b4\ub824\uc6e0\ub2e4. \ud2b9\ud788 WebGL\uc740 WASM \ud658\uacbd\uc5d0\uc11c \uc2e4\ud589\ub418\uace0 \uba54\uc778 \uc2a4\ub808\ub4dc \uc81c\uc57d\uc774 \uc788\uae30 \ub54c\ubb38\uc5d0 \uc52c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28],"tags":[],"class_list":["post-2314","post","type-post","status-publish","format-standard","hentry","category-projects"],"_links":{"self":[{"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=\/wp\/v2\/posts\/2314","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=2314"}],"version-history":[{"count":5,"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=\/wp\/v2\/posts\/2314\/revisions"}],"predecessor-version":[{"id":2367,"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=\/wp\/v2\/posts\/2314\/revisions\/2367"}],"wp:attachment":[{"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wayhope.kro.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}