22
3 네비게이션 13620목요일

Pomodoro slide-03

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: Pomodoro slide-03

3네비게이션

13년 6월 20일 목요일

Page 2: Pomodoro slide-03

CODER’S����������� ������������������  HIGH Pomodoro����������� ������������������  TimerI

예제 동영상

13년 6월 20일 목요일

Page 3: Pomodoro slide-03

CODER’S����������� ������������������  HIGH Pomodoro����������� ������������������  TimerI

스토리보드 구성요소

13년 6월 20일 목요일

Page 4: Pomodoro slide-03

CODER’S����������� ������������������  HIGH Pomodoro����������� ������������������  TimerI

스토리보드 구성요소

• 첫 화면 화살표 (Initial View Controller)

이 화살표가 붙어있는 뷰 컨트롤러가 스토리보드 파일이 로드되었을 시 시작점

• Document Outline

스토리 보드 내 모든 뷰 컨트롤러와 구성요소들을 목록/아이콘으로 표시해 줌

13년 6월 20일 목요일

Page 5: Pomodoro slide-03

CODER’S����������� ������������������  HIGH Pomodoro����������� ������������������  TimerI

스토리보드 구성요소

• Apply Retina 4 From Factor

4인치 / 3.5인치 화면 크기 전환

•Layout

Align, Pin, 화면 크기 변화시 오토 레이아웃 적용방법 지정

13년 6월 20일 목요일

Page 6: Pomodoro slide-03

CODER’S����������� ������������������  HIGH Pomodoro����������� ������������������  TimerI

• ViewController : 해당 씬(Scene)을 관리하는 오브젝트

• FirstResponder : 이벤트 응답 체인의 시작점

• Exit : 스토리보드가 현재 씬에서 빠져나갈 때 추가적인 작업을 할 수 있도록 도움

스토리보드 구성요소

13년 6월 20일 목요일

Page 7: Pomodoro slide-03

CODER’S����������� ������������������  HIGH Pomodoro����������� ������������������  TimerI

스토리보드 구성요소

• Root View Controller Segue

네비게이션의 시작점 의미

• Push Segue

오른쪽에서 새로운 뷰가 밀고 들어오는 방식의 화면 전환

13년 6월 20일 목요일

Page 8: Pomodoro slide-03

CODER’S����������� ������������������  HIGH Pomodoro����������� ������������������  TimerI

스토리보드 구성요소

• Modal Segue

아래에서 위로 뷰를 덮어 올림

• Custom Segue

개발자가 화면 전환 방식을 만들어 제공

13년 6월 20일 목요일

Page 9: Pomodoro slide-03

CODER’S����������� ������������������  HIGH Pomodoro����������� ������������������  TimerI

모델 클래스 만들기

LSPomoTask

statustypeOfTasktaskTimeInSecond_pomodoro Timer

- stopTask- timeGoesstatusKVO

13년 6월 20일 목요일

Page 10: Pomodoro slide-03

CODER’S����������� ������������������  HIGH Pomodoro����������� ������������������  TimerI

모델 클래스 만들기

LSPomoTask

statustypeOfTasktaskTimeInSecond_pomodoro Timer

- stopTask- timeGoesstatusKVO

LSPomoCycle

taskArraycurrentTasktypeOfCycle

- initWithType:- startNextTask

13년 6월 20일 목요일

Page 11: Pomodoro slide-03

CODER’S����������� ������������������  HIGH Pomodoro����������� ������������������  TimerI

모델 클래스 만들기

LSPomoTask

statustypeOfTasktaskTimeInSecond_pomodoro Timer

- stopTask- timeGoesstatusKVO

LSPomoCycle

taskArraycurrentTasktypeOfCycle

- initWithType:- startNextTask

13년 6월 20일 목요일

Page 12: Pomodoro slide-03

CODER’S����������� ������������������  HIGH Pomodoro����������� ������������������  TimerI

Note

KVO (Key-Value Observing, 키-값 감시)

• 특정 오브젝트의 키 패쓰 값이 변경되는지를 감시• 오브젝트간 감시 또는 자기자신에 대한 감시가 가능

13년 6월 20일 목요일

Page 13: Pomodoro slide-03

CODER’S����������� ������������������  HIGH Pomodoro����������� ������������������  TimerI

Note

KVO (Key-Value Observing, 키-값 감시)

13년 6월 20일 목요일

Page 14: Pomodoro slide-03

CODER’S����������� ������������������  HIGH Pomodoro����������� ������������������  TimerI

Note

A

KVO (Key-Value Observing, 키-값 감시)

13년 6월 20일 목요일

Page 15: Pomodoro slide-03

CODER’S����������� ������������������  HIGH Pomodoro����������� ������������������  TimerI

Note

A

KVO (Key-Value Observing, 키-값 감시)

C B

13년 6월 20일 목요일

Page 16: Pomodoro slide-03

CODER’S����������� ������������������  HIGH Pomodoro����������� ������������������  TimerI

Note

A

KVO (Key-Value Observing, 키-값 감시)

C B감시

13년 6월 20일 목요일

Page 17: Pomodoro slide-03

CODER’S����������� ������������������  HIGH Pomodoro����������� ������������������  TimerI

Note

A

KVO (Key-Value Observing, 키-값 감시)

C B

[C addObserver:B forKeyPath:@”name”...

감시

13년 6월 20일 목요일

Page 18: Pomodoro slide-03

CODER’S����������� ������������������  HIGH Pomodoro����������� ������������������  TimerI

Note

A

KVO (Key-Value Observing, 키-값 감시)

C B

[C addObserver:B forKeyPath:@”name”...

-observeValueForKeyPath:...

감시

13년 6월 20일 목요일

Page 19: Pomodoro slide-03

CODER’S����������� ������������������  HIGH Pomodoro����������� ������������������  TimerI

Note

KVO (Key-Value Observing, 키-값 감시)

self감시

[self addObserver:self forKeyPath:@”name”...-observeValueForKeyPath:...

13년 6월 20일 목요일

Page 20: Pomodoro slide-03

CODER’S����������� ������������������  HIGH Pomodoro����������� ������������������  TimerI

Note

노티피케이션 (Notification, 통지)

• 불특정 다수의 오브젝트들에게 이벤트 전달• 여러개의 노티피케이션을 이름으로 구분

13년 6월 20일 목요일

Page 21: Pomodoro slide-03

CODER’S����������� ������������������  HIGH Pomodoro����������� ������������������  TimerI

Note

노티피케이션 (Notification, 통지)

13년 6월 20일 목요일

Page 22: Pomodoro slide-03

CODER’S����������� ������������������  HIGH Pomodoro����������� ������������������  TimerI

Note

싱글턴 패턴

• NSNotificationCenter defaultCenter• UIApplication sharedApplication• NSUserDefaults standardDefaults• UIScreen mainScreen• NSBundle mainBundle• NSFileManager defaultManager• UIDevice mainDevice

13년 6월 20일 목요일