코더스하이 튜토리얼 시리즈 #1 [뽀모도로 타이머 만들기] 편의 3장 강의 용 슬라이드 자료. 스토리보드를 이용해 간단한 네비게이션이 되는 앱 만들기 단계. 오프라인 강의, 동영상 강의 , 샘플코드, 다른 형태의 슬라이드 자료는 아래 링크에서 제공합니다. http://codershigh.github.io/pages/tutorial01_pomodoro.html 종이책과 PDF책의 구매는 아래 링크에서 가능합니다. http://bit.ly/16i9GYz

1. 3
네비게이션
13년 6월 20일 목요일

2. CODER’S

3. HIGH Pomodoro

4. TimerI
예제 동영상
13년 6월 20일 목요일

5. CODER’S

6. HIGH Pomodoro

7. TimerI
스토리보드 구성요소
13년 6월 20일 목요일

8. CODER’S

9. HIGH Pomodoro

10. TimerI
스토리보드 구성요소
• 첫 화면 화살표 (Initial View Controller)
이 화살표가 붙어있는 뷰 컨트롤러가 스토리보드 파일이 로드되었을 시 시작점
• Document Outline
스토리 보드 내 모든 뷰 컨트롤러와 구성요소들을 목록/아이콘으로 표시해 줌
13년 6월 20일 목요일

11. CODER’S

12. HIGH Pomodoro

13. TimerI
스토리보드 구성요소
• Apply Retina 4 From Factor
4인치 / 3.5인치 화면 크기 전환
•Layout
Align, Pin, 화면 크기 변화시 오토 레이아웃 적용방법 지정
13년 6월 20일 목요일

14. CODER’S

15. HIGH Pomodoro

16. TimerI
• ViewController : 해당 씬(Scene)을 관리하는 오브젝트
• FirstResponder : 이벤트 응답 체인의 시작점
• Exit : 스토리보드가 현재 씬에서 빠져나갈 때 추가적인 작업을 할 수 있도록 도움
스토리보드 구성요소
13년 6월 20일 목요일

17. CODER’S

18. HIGH Pomodoro

19. TimerI
스토리보드 구성요소
• Root View Controller Segue
네비게이션의 시작점 의미
• Push Segue
오른쪽에서 새로운 뷰가 밀고 들어오는 방식의 화면 전환
13년 6월 20일 목요일

20. CODER’S

21. HIGH Pomodoro

22. TimerI
스토리보드 구성요소
• Modal Segue
아래에서 위로 뷰를 덮어 올림
• Custom Segue
개발자가 화면 전환 방식을 만들어 제공
13년 6월 20일 목요일