[Xcode4] 간편하진 인터페이스빌더 - Outlet, Action 추가/연결 방법

안녕하세요?

Xcode4 에서 인터페이스 빌더가 코드 에디터와 통합이 되면서 가장 기대했던 부분이 현실화가 되었습니다.
바로 IBOutlet 과 IBAction 의 연결부분이었는데요, 책을 보시면서 Xcode3 으로 작업해 보셨으면 아시겠지만,
IBOutlet 과 IBAction들을 쭉 추가하고 인터페이스빌더에서 연결하고 하는 과정이 약간 단순 반복작업과 같은 느낌도 들게합니다.

Xcode4에서는 바로 듀얼 에디터기능이 가능해져서, 한쪽에는 인터페이스빌더, 한쪽에는 코드를 보여주는 것도 가능해 졌고,
이로인해 코드상의 IBOutlet이나 IBAction을 인터페이스빌더상의 UI 요소와 직접 연결하거나 추가하는것이 가능해 졌습니다.

방법은 간단합니다. 우선, Xcode4의 우측 상단에 있는 Editor 버튼중 Assistant Editor 버튼을 눌러 두개의 창을 만드시고,


프로젝트 목록에서 인터페이스 파일(.xib) 을 클릭합니다. 그러면 관련된 헤더파일의 코드가 오른쪽 창에 나타납니다.




왼쪽의 인터페이스에서 원하는 UI 요소를 추가하신 후 오른쪽 마우스를 클릭하면 나타나는 메뉴에서
Referencing Outlets 에 있는 New Referencing Outlet의 오른쪽에 달린 동그라미를 클릭한 채로 우측 에디터에 있는
코드 중 클래스 멤버를 추가할 공간으로 드래그합니다.




이미 헤더파일의 코드에 IBOutlet 코드를 추가해 놓으셨으면 그 코드위로 드래그하면 'Connect Outlet'라는 안내문이 나타납니다. 이렇게 쉽게 연결을 할 수 있고, 만약 코드가 없는 상태이고 빈공간에서 놓으시면 'Insert Outlet'이라는 안내문과 함께
팝업이 뜹니다. 이 팝업에서 IBOutlet의 이름을 입력하시면 됩니다. 코드가 생성되고 연결은 역시 자동으로 됩니다.



Xcode3과 달라진 부분이라 어색하기도 합니다만, 상당히 절차가 간소해진 부분이므로 앞으로 작업에 도움이 많이 될 것 같습니다.^^