이전에 공부하던 부분부터 이어서 플레이할 수 있습니다.
이어서 보기 처음부터 보기

이번 시간엔 간단한 인터렉션이 되는 앱을 만들어 보자. Xcode의 스토리보드와 나중에 배울 Swift 코드 간의 연결 방식을 먼저 배운 뒤 각각을 자세히 알아나갈 것이다.

스토리보드에서 디자인한 뷰를 코드를 통해 제어해 보자.
코드를 통해 수정하고자 하는 뷰 오브젝트에는 IBOutlet이라는 연결이 있어야 한다. 레이블을 수정하고 싶다면 그 레이블에 이름을 주는 것이다.
버튼 오브젝트는 사용자가 탭 했을 때 액션 함수를 실행하게 되어 있다. 바로 IBAction으로 연결된 함수다.
연결 실수를 했을 때 수정하는 방법도 알아보자.

준비단계

  • SingleView 템플리트로 프로젝트 생성. HelloiPhone이라고 이름 준다.
  • Main.storyboard의 타겟 화면 크기를 특정 기기로 설정한다. 여기서는 4.7인치 크기를 사용하고 iPhone 6 시뮬레이터를 사용할 것이다.
  • 중앙 상단에 레이블 추가하고 "Hello World"라고 쓴다.
  • 우 하단에 버튼을 추가하고 이름을 "Change"라고 준다.

스토리보드와 코드 연결

  • Main.storyboard 선택상태에서 에디터를 Assistant 모드로 좌우 분리
  • ViewController 오브젝트 선택
  • 키보드 control 키 누른 상태에서 스토리보드 "Hello world" 레이블에서 코드영역으로 드래그 & 드랍
  • Outlet 선택, myLabel이라는 이름으로 생성
  • 키보드 control 키 누른 상태에서 스토리보드 "Change" 버튼에서 코드 영역으로 드래그 & 드랍
  • Action 선택, change라는 이름으로 함수 생성
  • 함수 내에 레이블 수정 코드 입력

Outlet과 Action 연결 정보

Outlet과 Action은 'control-드래그'로 쉽게 연결할 수 있지만, 연결의 수정은 Utilities 패널의 Connections 탭에서 해야 한다.