유니티 UI 작업이 2배 빨라지는 25가지 꿀팁! 당신의 개발 시간을 절약하세요!

유니티 UI 작업 꿀팁 26가지 (중학생도 이해 가능!)

유니티로 게임 만들 때 UI 작업, 어렵고 시간 오래 걸리지? 그래서 준비했어! 유니티에 숨겨진, 잘 알려지지 않은 꿀팁 26가지를 모아봤어. 이걸 알면 UI 작업이 훨씬 빠르고 쉬워질 거야!

1. 그리드 스냅, UI에서도 된다고?

• 이게 뭐냐면: 오브젝트를 딱딱 맞춰서 배치할 때 쓰는 기능이야. 2D, 3D에서도 쓰는데, UI에서도 쓸 수 있어!
• 어떻게 쓰냐면: UI는 기본적으로 100 픽셀이 1 유닛이라 생각하면 돼. 50이나 25 같은 값으로 설정하면 픽셀 단위로 딱딱 맞춰서 배치하기 좋아.

2. 앵커 프리셋, 숨겨진 기능 활용하기

• 이게 뭐냐면: UI 요소가 화면 크기가 바뀌어도 어떻게 보일지 정하는 거야.
• 어떻게 쓰냐면: 저기 버튼처럼 안 생긴 아이콘을 누르면 나와. Alt, Shift 키를 같이 누르면 더 많은 프리셋을 쓸 수 있어. Alt랑 Shift를 같이 누르고 오른쪽 아래 걸 선택하면 부모 오브젝트 크기만큼 꽉 채울 수 있어.

3. Alt 누르고 크기 조절하면?

• 이게 뭐냐면: 오브젝트 크기를 조절할 때, Alt 키를 누르면 피벗(기준점)을 기준으로 양쪽이 똑같이 늘어나.

4. Shift 누르고 크기 조절하면?

• 이게 뭐냐면: Shift 키를 누르고 한쪽을 늘리면, 그쪽이랑 연결된 두 면이 같이 늘어나고 반대쪽은 그대로 있어.

5. Shift 누르고 회전하면?

• 이게 뭐냐면: Shift 키를 누르고 돌리면 15도씩 딱딱 맞춰서 돌아가.

6. Alt + Shift 누르고 크기 조절하면?

• 이게 뭐냐면: 피벗을 기준으로 모든 방향으로 똑같이 크기가 조절돼.

7. TextMesh Pro 글자 상자, 노란 선만 움직인다면?

• 이게 뭐냐면: 글자 상자 크기를 바꾸려는데 노란 선만 움직인다면, 네가 바꾼 건 글자 상자 크기가 아니라 '여백'이야.
• 어떻게 찾냐면: 'Extra Settings'에서 찾을 수 있어. 글자가 다른 오브젝트랑 겹치지 않게 할 때 유용해.

8. TextMesh Pro 글자가 이상하게 보인다면?

• 이게 뭐냐면: 글자 스타일 중에 '합자'라고 해서 글자들이 붙어서 보이는 게 있는데, 이게 안 보이면 'Font Features'에서 'Ligatures'를 켜봐.

9. 피벗 위치가 안 움직인다면?

• 이게 뭐냐면: 피벗 위치를 마우스로 못 바꾸거나, 숫자를 바꿔도 가운데에 고정된 것처럼 보인다면, 피벗이 '중앙'으로 설정된 거야.
• 어떻게 바꾸냐면: 왼쪽 위에 있는 드롭다운 메뉴에서 'Pivot'으로 바꿔봐. 동그라미 모양이 더 명확하게 보일 거야.

10. 오브젝트 복제하고 싶을 땐 Shift + D

• 이게 뭐냐면: Shift + D를 누르면 오브젝트가 복제돼. 복제한 걸 옮길 때 Shift를 누른 채로 드래그하면 축이 고정돼서 직선으로 옮기기 좋아. 그리드 스냅이랑 같이 쓰면 배치하기 더 편해.

11. Ctrl 누르고 움직이면?

• 이게 뭐냐면: Ctrl 키를 누르고 움직이면 다른 오브젝트에 스냅되는 게 사라져.

12. 화면 이동은 마우스 휠이나 Alt + 클릭

• 이게 뭐냐면: 화면을 넓게 보거나 이동하고 싶을 때, 마우스 휠을 꾹 누르고 드래그하면 돼. 안 되면 Alt 키를 누르고 클릭해서 드래그해봐.

13. TextMesh Pro랑 Content Size Fitter 조합, 피벗이 중요!

• 이게 뭐냐면: 글자 양에 따라 글자 상자 크기가 자동으로 바뀌게 하고 싶을 때 'Content Size Fitter'를 쓰는데, 이때 피벗 위치가 중요해.
• 어떻게 쓰냐면: 피벗을 어디에 두느냐에 따라 글자가 늘어나는 방향이 달라져. 위쪽에 두면 아래로, 아래쪽에 두면 위로 늘어나는 식이야.

14. 오브젝트 크기 정보, 여기서 확인!

• 이게 뭐냐면: 이미지나 글자 상자 같은 UI 요소들이 얼마나 커야 딱 맞는지, 최소한 얼마나 커야 하는지 정보를 볼 수 있어.
• 어떻게 찾냐면: 'Layout Properties'에서 확인할 수 있어. 글자 상자가 한 줄에 딱 맞으려면 얼마나 넓어야 하는지, 이미지 크기가 얼마인지 알 수 있지.

15. TextMesh Pro 글자 스타일, 숨겨진 자식 오브젝트

• 이게 뭐냐면: 글자 스타일을 바꿔서 다른 폰트로 표시될 때, 유니티는 그걸 제대로 보여주기 위해 자식 오브젝트를 만들어. 이게 좀 복잡해 보일 수 있는데, 'Hide Sub Text Objects'를 체크하면 안 보이게 할 수 있어.
• 어디서 찾냐면: Edit -> Project Settings -> TextMesh Pro -> Settings에서 찾을 수 있어.

16. 기본 폰트 바꾸기

• 이게 뭐냐면: 앞으로 만들 모든 글자 상자에 적용될 기본 폰트를 바꿀 수 있어.
• 어떻게 바꾸냐면: 'Default Font Asset'에서 원하는 폰트를 선택하고, 그 폰트 파일을 'Resources' 폴더 안에 'Fonts & Materials'라는 하위 폴더에 넣어줘야 해.

17. 'Auto Size Text Container'는 속지 마!

• 이게 뭐냐면: 이 체크박스는 처음 글자 상자를 만들 때만 크기를 맞춰주고, 나중에 글자를 바꿔도 자동으로 크기가 늘어나지 않아. 그러니까 큰 의미 없어.

18. 자주 쓰는 컴포넌트 설정, 프리셋으로 저장!

• 이게 뭐냐면: 복잡한 컴포넌트 설정을 여러 오브젝트에 똑같이 적용해야 할 때, '프리셋'으로 저장해두면 클릭 두 번으로 적용할 수 있어.
• 어떻게 찾냐면: 컴포넌트 창 위에 있는 슬라이더 모양 아이콘을 누르면 돼.

19. 기본 설정도 프리셋으로!

• 이게 뭐냐면: 앞으로 만들 모든 오브젝트에 특정 설정을 기본으로 적용하고 싶을 때, 'Preset Manager'에서 설정할 수 있어.
• 어디서 찾냐면: Edit -> Project Settings -> Preset Manager에서 찾을 수 있어.

20. UI 움직임, 에디터에서도 실시간으로 보기

• 이게 뭐냐면: UI에 움직이는 효과를 넣었을 때 에디터에서 좀 버벅거릴 수 있는데, 에디터 창을 클릭하고 마우스 오른쪽 버튼을 누르고 있으면 실제 게임처럼 보이게 해줘.
• 다른 방법: 'Always Refresh'를 켜두면 버튼을 누르지 않아도 비슷하게 볼 수 있어.

21. 값 복사해서 붙여넣기 (Ctrl + C, Ctrl + V)

• 이게 뭐냐면: 특정 오브젝트의 값을 다른 오브젝트에 똑같이 적용하고 싶을 때, 값 옆에 있는 라벨을 클릭하고 Ctrl + C를 누른 뒤, 다른 오브젝트에서 Ctrl + V를 누르면 돼. 버튼 색깔 같은 거 설정할 때 엄청 편해.

22. TextMesh Pro, CSS처럼 쓰고 싶다면?

• 이게 뭐냐면: Text Styles 튜토리얼을 보면 TextMesh Pro를 CSS처럼 더 편리하게 사용할 수 있어.

23. 계층 구조(Hierarchy) 탐색은 화살표 키로!

• 이게 뭐냐면: 계층 구조 창에서 화살표 키를 사용하면 오브젝트를 열고 닫거나 이동하기 편해.

24. 내가 작업하는 오브젝트, 바로 찾기!

• 이게 뭐냐면: 복잡한 UI 작업 중에 내가 지금 보고 있는 오브젝트가 계층 구조에서 어디 있는지 바로 찾고 싶을 때, Inspector 창 위에 있는 점 세 개 메뉴에서 'Ping'을 누르면 돼.

25. 에디터 UI 크기 조절하기

• 이게 뭐냐면: 고해상도 모니터를 쓰거나 창이 너무 작게 보일 때, 에디터 UI 크기를 조절할 수 있어.
• 어디서 찾냐면: Edit -> Preferences -> UI Scaling에서 찾을 수 있어. 125% 정도로 하면 보기 편할 거야.

26. 나만의 색상 팔레트 만들기

• 이게 뭐냐면: 자주 쓰는 색깔들을 모아놓은 나만의 색상 팔레트를 만들 수 있어. 색깔 고르기 훨씬 편해질 거야.

어때? 이 꿀팁들 중에 새롭게 알게 된 거 있어? 이걸로 UI 작업 훨씬 수월해지길 바라!