Interface Builder 는
Main. Storyboard 파일을 통해서 열 수 있고, 시각적인 사용자 인터페이스를 설계하는데 사용되며
코드와 객체의 관계를 "Drag&Drop" 방식을 통해 직관적으로 설정할 수 있게 도와주는 기능.
Interface Builder(IB)의 특징
- 앱 흐름 및 구조를 시각적으로 파악 가능
- 스토리보드 파일(Main.storyboard)에 저장됨
불러오는 단축키 : Cmd + Shift + L
@ IBOutlet 과 @ IBAction 의 구분
@ IBOutlet
"변수" 로써 Storyboard와 View Controller를 연결
@ IBAction
"함수" 로써 Storyboard와 View Controller를 연결하여 해당 UI 컴포넌트의 동작 정의
- 코드 왼편의 검은색 점 유/무를 통해 연결상태를 확인 가능하다.
(만약 검은색 점이 없을 경우, 연결이 해제된 상태 이므로 다시 연결이 필요)- 검은점 위에 마우스 커서를 올려두고 있으면 UI컴포넌트 확인이 가능하다.
❗️위의 두 기능을 사용할 때 주의할 점❗️
@IBOutlet, @IBAction 모두 view controller와 온전하게 연결되지 않으면 앱이 제대로 실행되지 않고 바로 종료되므로 연결상태를 확인할 것!
[확인방법]
- Storyboard와 ViewController가 제대로 연결되었는지 우측 패널 중 Custom Class로 연결되었는지 확인
- 대소문자를 구분하고 노란색 느낌표 표시가 뜨지는 않는지 확인
- UI컴포넌트 요소를 우클릭시, 연결상태 확인 가능
Technology proderit homini