Storyboard reference로 연결

발단

storyboard를 활용해서 UI를 만들다보니 고민이 생겼다.

main 과 ViewController안에서 UI를 만들다보니

코드가 한없이 길어진다. 단일페이지인 경우는 참을만했다

그런데 navigation을 적용하기 시작하니,

파일하나에 모든코드가 들어간다는게 또 불편해졌다.

스토리보드를 활용하면서도 파일분리를 할수있는 방법이 없을까?

해결방법

Multiple Storyboard와 reference

언제나 그렇듯 방법은 있다. . !

바로 여러개의 스토리보드를 생성해서 레퍼런스로 연결해주는것 ... !

1. Main | button 생성

Library를 사용해서 button을 만들었다.
이 버튼을 사용해서 페이지 이동을 할 예정이다.

2. Storyborad 파일만들기

개인적으로 screen 별로 파일관리하는걸 선호해서 screen 갯수만큼 만들었다.

3. PrevPage.storyborad (새로만든파일)

페이지 이동을 확인할수있을 만한 css를 추가해준 뒤, 아래 항목 체크

Show the Attributes Inspector > View Controller > Is initial View Controller
: 이 스토리보드의 시작은 여기임을 지정

4.Main | storyborad reference 추가

storyborad reference를 끌어다 ViewController 밖에 두고,
* Storyborad 이름을 입력한다.

5. 연결

버튼과 reference를 Ctrl키를 누른 상태에서 Drag & Drop을 하게 되면
Action Segue를 선택할수 있다.
Show 와 Show Detail을 한번씩 선택해준다.

6. 확인

저장 후 시뮬레이터 실행
화면이동이 확인된다 .. !

7.남은과제

Storyboard reference로 연결 2