[iOS 기초] Label, Button 연결

<Label 연결>

 위와 같이 label을 마우스 오른쪽 버튼을 누른 채 ViewController 클래스 내부로 드래그하면 위의 화면처럼 값을 설정하는 팝업 창이 나온다. 설정을 마친 후 Connect 버튼을 클릭하면 아래와 같은 소스가 추가된다.

 

@IBOutlet var uiTitle: UILabel!

 이 변수는 인터페이스 빌더의 레이블을 스위프트 클래스가 참조할 수 있도록 연결된 멤버 변수로, 아울렛 변수라고 부른다. @IBOutlet이라는 키워드는 인터페이스 빌더에 관련된 속성이라는 것을 알려주는 어노테이션이다.

 uiTitle 변수는 뷰 컨트롤러에 추가했던 레이블과 직접적으로 연결되어 있다. 이 변수의 속성을 변경하면 화면상에 있는 레이블에도 그대로 반영된다. 

 

<버튼 연결>

 버튼 연결로 레이블 연결과 비슷한 과정을 거친다.

 위의 과정을 마치면 아래와 같은 코드가 추가된다.

 

@IBAction func sayHello(_ sender: UIButton) {
    }

 레이블과는 달리 이번에 추가된 것은 메소드의 형태이다. 위의 영상을 보면 팝업에서 [Connection]을 Action으로 설정하였는데 이 [Connection] 항목이 Outlet이냐 Action이냐에 따라 추가되는 코드가 멤버 변수나 메소드로 나뉘게 된다.

 

꼼꼼한 재은 씨의 스위프트 기본편 - 교보문고