{"id":1731,"date":"2022-09-13T20:34:16","date_gmt":"2022-09-13T11:34:16","guid":{"rendered":"http:\/\/batmask.dothome.co.kr\/?p=1731"},"modified":"2022-09-13T20:35:12","modified_gmt":"2022-09-13T11:35:12","slug":"godot-%ea%b3%bc-unity%ec%97%90%ec%84%9c-%ec%82%ac%ec%9a%a9%ed%95%98%eb%8a%94-ui-anchor-system","status":"publish","type":"post","link":"http:\/\/batmask.net\/index.php\/2022\/09\/13\/1731\/","title":{"rendered":"Godot \uacfc Unity\uc5d0\uc11c \uc0ac\uc6a9\ud558\ub294 UI Anchor System"},"content":{"rendered":"\n

\ubcf8 \ub0b4\uc6a9\uc740 \ucc98\uc74c \uc811\ud558\ub294 Godot: Pong \uac8c\uc784\uc744 \ub9cc\ub4e4\uc5b4 \ubcf4\uc790 #4 <\/a>\uc5d0\uc11c \ub3c5\ub9bd\uc801\uc778 \ub0b4\uc6a9\uc744 \ucd94\ucd9c\ud55c \ud3ec\uc2a4\ud305 \uc785\ub2c8\ub2e4. <\/strong><\/p>\n\n\n\n

\uace0\uc815\ub41c \ud574\uc0c1\ub3c4\uc758 \uc2a4\ud06c\ub9b0\uc774\ub77c\uba74 \ubb38\uc81c\uac00 \ub9e4\uc6b0 \uac04\ub2e8\ud558\ub098, \ud604\uc2e4\uc5d0\uc11c\ub294 \uac01\uc885 \ubaa8\ub2c8\ud130\ubd80\ud130 \ud578\ub4dc\ud3f0\uae4c\uc9c0 \uc5ec\ub7ec \ud615\ud0dc\uc758 \uc2a4\ud06c\ub9b0 \uc0ac\uc774\uc988\uac00 \uc874\uc7ac\ud55c\ub2e4. \uc575\ucee4 \uc2dc\uc2a4\ud15c\uc740 \uac00\ubcc0\uc801\uc778 \uc2a4\ud06c\ub9b0 \ub610\ub294 \ubd80\ubaa8 \ucee8\ud2b8\ub864 \uc0ac\uc774\uc988\uc5d0 \ub300\uc751\ud558\uae30 \uc704\ud55c \ubc29\ubc95\uc774\ub2e4. \uc720\ub2c8\ud2f0\uc5d0\uc11c\ub3c4 \uc774\uac78 \uc0ac\uc6a9<\/a>\ud558\uace0 \uc788\ub2e4. \ub2e4\uc74c \uadf8\ub9bc\uc744 \ubcf4\uc790.<\/p>\n\n\n

\n
\"\"
Anchor and Margin<\/figcaption><\/figure>\n<\/div>\n\n\n

\uadf8\ub9bc\uc774 \ubcf5\uc7a1\ud574 \ubcf4\uc77c\uc9c0 \ubaa8\ub974\uaca0\ub294\ub370, \uac04\ub2e8\ud55c \uac1c\ub150\uc774\ub2e4. \uac00\uc7a5 \ud070 \uc0ac\uac01\ud615\uc774 \ubdf0\ud3ec\ud2b8, \uc2a4\ud06c\ub9b0 \uc0ac\uc774\uc988\ub77c\uace0 \uc0dd\uac01\ud55c\ub2e4\uba74, \uba3c\uc800 \uae30\uc900\uc810\uc774 \ub418\ub294 \uc575\ucee4\ub97c \ubc15\ub294\ub2e4. \ub2fb\uc744 \uc758\ubbf8\ud558\ub294 \uc575\ucee4\ub77c\uace0 \ud558\ub294 \uc774\uc720\ub294 \uc2a4\ud06c\ub9b0 \uc0ac\uc774\uc988\uc5d0\uc11c \ud574\ub2f9 \uc704\uce58\uc5d0 \uace0\uc815\ub418\uae30 \ub54c\ubb38\uc774\ub2e4. \ub2e4\ub9cc, \uace0\uc815\ub418\ub294 \uc704\uce58\uac00 \uc808\ub300\uc801\uc778 \uc88c\ud45c\uac00 \uc544\ub2cc \uc2a4\ud06c\ub9b0\uc758 \ube44\uc728\uc5d0 \ub9de\ub294 \uc704\uce58\uac00 \ub41c\ub2e4. \ube44\uc728\ub85c \ub530\uc9c0\uae30 \ub54c\ubb38\uc5d0 Anchor Left\/Right\uc758 \uacbd\uc6b0, 0~1 \uc0ac\uc774 \uac12\uc744 \uac00\uc9c0\uba70, 0\uc740 \uc67c\ucabd \ub05d, 1\uc740 \uc624\ub978\ucabd \ub05d\uc774\ub41c\ub2e4. Anchor Top\/Bottom\uc758 \uacbd\uc6b0\uc5d0\ub3c4 0~1\uc0ac\uc774 \uac12\uc774\uba70 0\uc774 \ucd5c\uc0c1\ub2e8, 1\uc740 \ucd5c\ud558\ub2e8\uc744 \uc758\ubbf8\ud55c\ub2e4. \uc774 \uac12\uc740 Control\uc744 \uc120\ud0dd\ud55c \ud6c4, Inspector\uc5d0\uc11c Control>Anchor \ubd80\ubd84\uc5d0\uc11c \ud655\uc778\uac00\ub2a5\ud558\ub2e4. \uc544\ub798 \uc774\ubbf8\uc9c0\ub294 Godot\uc5d0\uc11c \uc784\uc758\ub85c \uc575\ucee4\uc704\uce58\ub97c \uc2dc\ud0a4\uace0 \ubc84\ud2bc \ucee8\ud2b8\ub864\uc744 \uc704\uce58\uc2dc\ud0a8 \ubaa8\uc2b5\uc774\ub2e4.<\/p>\n\n\n

\n
\"\"
anchor<\/figcaption><\/figure>\n<\/div>\n\n\n

\uc704 \uc774\ubbf8\uc9c0\uc5d0\uc11c \uc575\ucee4\ub294 \ub179\uc0c9 \ud540\uc14b\ubaa8\uc591\uc73c\ub85c \ud45c\uc2dc\ub41c\ub2e4. \uc774 \uacbd\uc6b0, Inspector\uc5d0\uc11c Control>Anchor\ub97c \ud655\uc778\ud574 \ubcf4\uba74 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n

\n
\"\"
Anchor<\/figcaption><\/figure>\n<\/div>\n\n\n

Anchor\uc758 Left, Top, Right, Bottom\uc774 0~1 \uc0ac\uc774\uac12\uc73c\ub85c \ud45c\uc2dc\ub428\uc744 \ud655\uc778 \ud560 \uc218 \uc788\ub2e4. \uc870\uae08 \ud63c\ub3d9\ud560\ub9cc\ud55c \ubd80\ubd84\uc740 Right\ub77c\uace0\ud574\uc11c \uc624\ub978\ucabd\uc774 \uae30\uc900\uc810\uc774 \uc544\ub2c8\ub77c\ub294 \uc810\uc774\ub2e4. \uc67c\ucabd\uc774 0, \uc624\ub978\ucabd\uc744 1\ub85c \ubd24\uc744 \ub54c, \uadf8 \uc911\uac04 \uc704\uce58\uac12\uc774\ub2e4.<\/p>\n\n\n\n

\uadf8 \ub2e4\uc74c, Margin\uac12\uc740 \uc575\ucee4\ub85c\ubd80\ud130 \uac70\ub9ac\ub97c \ub098\ud0c0\ub0b8\ub2e4. \uc575\ucee4\ub294 \ud654\uba74 \ube44\uc728\uc774\uc5c8\uc9c0\ub9cc, Margin\uac12\uc740 \uc2e4\uc81c \ud574\uc0c1\ub3c4(\ud53d\uc140) \uac12\uc774\ub2e4. \ub610\ud55c, \uac01\uac01 Margin Left\ub294 Anchor Left\ub85c\ubd80\ud130\uc758 \uac70\ub9ac, Margin Right\ub294 Margin Right\ub85c\ubd80\ud130\uc758 \uac70\ub9ac\ub85c \ud45c\uc2dc\ub41c\ub2e4. \uc989, \uc704 \ubc84\ud2bc\ucc98\ub7fc \uc575\ucee4 \uc0ac\uac01\ud615 \ub0b4\ubd80\uc5d0 \uc874\uc7ac\ud558\ub294 \uacbd\uc6b0, Margin Right\ub294 \ub9c8\uc774\ub108\uc2a4\uc758 \uac12\uc744 \uac16\ub294\ub2e4. \uc704 \ubc84\ud2bc\uc758 \uacbd\uc6b0, Inspector\uc5d0\uc11c Margin\uac12\uc744 \uc0b4\ud3b4\ubcf4\uba74 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n

\n
\"\"
anchor<\/figcaption><\/figure>\n<\/div>\n\n\n

Margin\uac12\uc774 \ud53d\uc140 \ub2e8\uc704\ub85c \ud45c\uc2dc\ub418\uace0, Right\uac12\uc740 \ub9c8\uc774\ub108\uc2a4\uc778\uac78 \ud655\uc778 \ud560 \uc218 \uc788\ub2e4. <\/p>\n\n\n\n

\uc575\ucee4\ub294 \uc2a4\ud06c\ub9b0 \uc0ac\uc774\uc988\uc5d0 \ub530\ub77c \ubcc0\uacbd\uc774 \ub41c\ub2e4. \ub610\ud55c, \ucee8\ud2b8\ub864\uc758 \uac01 \ubaa8\uc11c\ub9ac\uac00 \uac01 \uc575\ucee4\uc5d0 \uace0\uc815\ub418\uc5b4 \uc788\ub294 \ud615\ud0dc\uc774\ubbc0\ub85c \ucee8\ud2b8\ub864\ub3c4 \uc575\ucee4\ub97c \ub530\ub77c \uc6c0\uc9c1\uc774\uac70\ub098 \ud06c\uae30\uac00 \ubcc0\ud615\ub420 \uc218 \uc788\ub2e4. \uc704\uc758 \ubc84\ud2bc \uc608\uc81c\uc5d0\uc11c Inspector\uc758 Anchor\uac12\uc744 \uc6c0\uc9c1\uc5ec \ubcf4\uba74, \ubc84\ud2bc\uc774 \ub298\uc5b4\ub098\uace0 \uc904\uc5b4\ub4e0\uac78 \ud655\uc778 \uac00\ub2a5\ud558\ub2e4. <\/p>\n\n\n

\n
\"\"
Anchor changed<\/figcaption><\/figure>\n<\/div>\n\n\n

\uc774\uac78 \uc774\uc6a9\ud558\uba74, \ub2e4\uc591\ud55c \uc0ac\uc774\uc988\uc758 \ud654\uba74 \ud06c\uae30\uc5d0 \ub9de\uac8c UI \ud06c\uae30\ub3c4 \ub9de\ucd9c \uc218 \uc788\ub294 \uac83\uc774\ub2e4.<\/p>\n\n\n\n

\uadf8\ub9bc\uc5d0\uc120 \ub9c8\uce58 \uc575\ucee4 \uc0ac\uac01\ud615\ub0b4\uc5d0 \ucee8\ud2b8\ub864\uc774 \uc704\uce58\ud558\ub294 \uac83\ucc98\ub7fc \ubcf4\uc774\uc9c0\ub9cc, \uc575\ucee4\uc758 \uc704\uce58\ub294 \ud654\uba74 \uc5b4\ub514\uc5d0\ub098 \uac00\ub2a5\ud558\uae30 \ub54c\ubb38\uc5d0, \uc5bc\ub9c8\ub4e0\uc9c0 \uc784\uc758\ub85c \ubc30\uce58\uac00 \uac00\ub2a5\ud558\ub2e4. Unity\uc5d0\uc11c\ub3c4 \uc575\ucee4 \uc2dc\uc2a4\ud15c\uc744 \uc0ac\uc6a9\ud55c\ub2e4\uace0 \ud588\ub294\ub370, \uc720\ub2c8\ud2f0 \ubb38\uc11c\uc5d0 \ubcf4\ub2e4 \uc774\ud574\uac00 \uc26c\uc6b4 \uc9c1\uad00\uc801\uc778 \uc774\ubbf8\uc9c0\uac00 \uc788\uc5b4 \uac00\uc838\uc640\ubd24\ub2e4.<\/p>\n\n\n

\n
\"\"
anchor<\/figcaption><\/figure>\n<\/div>\n\n\n

\uc704 \uc774\ubbf8\uc9c0\ub294 \uc575\ucee4\uac00 \ubaa8\ub450 \uc911\uc559\uc5d0 \ubaa8\uc5ec\uc788\ub294 \uacbd\uc6b0\uc774\ub2e4. \uc774\ub807\uac8c \uc575\ucee4\ub97c \ubaa8\uc544\ub193\uc73c\uba74 \ucee8\ud2b8\ub864\uc744 \ud654\uba74\uc5d0 \uc0c1\ub300\uc704\uce58\uc5d0 \ubc30\uce58\ud558\uba74\uc11c \ucee8\ud2b8\ub864 \uc790\uccb4\uc758 \ud06c\uae30 \ubcc0\uacbd\uc740 \uc77c\uc5b4\ub098\uc9c0 \uc54a\ub294\ub2e4.<\/p>\n\n\n

\n
\"\"
Anchor<\/figcaption><\/figure>\n<\/div>\n\n\n

\uc55e\uc5d0\uc11c\uc640 \ube44\uc2b7\ud558\uc9c0\ub9cc, \uc624\ub298\ucabd \uc544\ub798\uc5d0 \uc575\ucee4\ub97c \ubaa8\ub450 \ubaa8\uc544\ub193\uc740 \uacbd\uc6b0\uc774\ub2e4. \ub192\uc774 \ubcc0\uacbd\uc5d0\ub294 \ube44\uc728\ub300\ub85c \uc6c0\uc9c1\uc774\uc9c0\ub9cc, \ud3ed\uc758 \ubcc0\uacbd\uc5d0\ub294 \uc624\ub978\ucabd\uc744 \ub530\ub77c\uac00\uc11c \uc67c\ucabd\uc774 \ub113\uc5b4\uc9c0\ub294\uac78 \ubcfc \uc218 \uc788\ub2e4.<\/p>\n\n\n

\n
\"\"
Anchor<\/figcaption><\/figure>\n<\/div>\n\n\n

\uc774 \uacbd\uc6b0\ub294 \uc575\ucee4\uac00 \uc88c\uc6b0 \uc544\ub798\uc5d0 \ubaa8\uc5ec\uc788\ub2e4. \ub192\uc774\uc758 \ubcc0\uacbd\uc740 \uc774\uc804\uacfc \uac19\uac8c \ub3d9\uc791\ud558\uc9c0\ub9cc, \ud3ed\uc758 \ubcc0\uacbd\uc5d0\ub294 \uc88c\uc6b0\uac00 \uace0\uc815\ub418\uc5b4 \uc788\uc73c\ubbc0\ub85c \ucee8\ud2b8\ub864\uc758 \ud3ed\ub3c4 \uac19\uc774 \ubcc0\uacbd\ub418\uace0 \uc788\ub2e4. <\/p>\n","protected":false},"excerpt":{"rendered":"

\ubcf8 \ub0b4\uc6a9\uc740 \ucc98\uc74c \uc811\ud558\ub294 Godot: Pong \uac8c\uc784\uc744 \ub9cc\ub4e4\uc5b4 \ubcf4\uc790 #4 \uc5d0\uc11c \ub3c5\ub9bd\uc801\uc778 \ub0b4\uc6a9\uc744 \ucd94\ucd9c\ud55c \ud3ec\uc2a4\ud305 \uc785\ub2c8\ub2e4. \uace0\uc815\ub41c \ud574\uc0c1\ub3c4\uc758 \uc2a4\ud06c\ub9b0\uc774\ub77c\uba74 \ubb38\uc81c\uac00 \ub9e4\uc6b0 \uac04\ub2e8\ud558\ub098, \ud604\uc2e4\uc5d0\uc11c\ub294 \uac01\uc885 \ubaa8\ub2c8\ud130\ubd80\ud130 \ud578\ub4dc\ud3f0\uae4c\uc9c0 \uc5ec\ub7ec \ud615\ud0dc\uc758 \uc2a4\ud06c\ub9b0 \uc0ac\uc774\uc988\uac00 \uc874\uc7ac\ud55c\ub2e4. \uc575\ucee4 \uc2dc\uc2a4\ud15c\uc740 \uac00\ubcc0\uc801\uc778 \uc2a4\ud06c\ub9b0 \ub610\ub294 \ubd80\ubaa8 \ucee8\ud2b8\ub864 \uc0ac\uc774\uc988\uc5d0 \ub300\uc751\ud558\uae30 \uc704\ud55c \ubc29\ubc95\uc774\ub2e4. \uc720\ub2c8\ud2f0\uc5d0\uc11c\ub3c4 \uc774\uac78 \uc0ac\uc6a9\ud558\uace0 \uc788\ub2e4. \ub2e4\uc74c \uadf8\ub9bc\uc744 \ubcf4\uc790. \uadf8\ub9bc\uc774 \ubcf5\uc7a1\ud574 \ubcf4\uc77c\uc9c0 \ubaa8\ub974\uaca0\ub294\ub370, \uac04\ub2e8\ud55c \uac1c\ub150\uc774\ub2e4. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[270,24,6],"tags":[289,290,271,278,118],"class_list":["post-1731","post","type-post","status-publish","format-standard","hentry","category-godot","category-note4reference","category-unity","tag-anchor","tag-anchor-system","tag-godot","tag-ui","tag-unity-2"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts\/1731","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/comments?post=1731"}],"version-history":[{"count":2,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts\/1731\/revisions"}],"predecessor-version":[{"id":1734,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts\/1731\/revisions\/1734"}],"wp:attachment":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/media?parent=1731"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/categories?post=1731"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/tags?post=1731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}