모든 화면에서 동작하는 멋진 UI 만들기
Essential Auto Layout
Auto Layout을 익히면 누구나 디바이스에 최적화 된 UI를 쉽고 빠르게 만들 수 있습니다!
평생 소장
2만원
15
강의
6.4
시간
수강생 만족도
초급 ~ 중급
난이도
커뮤니티
함께 공부해요

Layout Margins & Layout Guides
30:12 뷰의 배치에 영향을 주는 레이아웃 마진과 레이아웃 가이드에 대해 공부합니다. iOS 11과 이전 버전에서 호환성을 유지하는 방법에 대해서도 공부합니다.
- Layout Margin - Safe Area - iOS 버전에 따른 구현 비교 - 시스템 최소 마진 - 뷰 계층에서 마진 상속 - Layout Guide - Safe Area Layout Guide - 이벤트 처리
모든 화면에서 동작하는
멋진 UI 만들기
Auto Layout을 익히면 누구나 디바이스에 최적화 된 UI를 쉽고 빠르게 만들 수 있습니다! iPhone과 iPad에서 실행되는 앱을 보면 디바이스 화면 크기에 최적화 된 UI를 제공합니다.iOS 앱을 개발할 때 화면에 맞는 UI를 개별적으로 개발하는 것은 아닙니다.하나의 Storyboard 내에서 모든 디바이스와 실행 환경에 적응할 수 있는 UI를 개발합니다.여기에 필요한 기술 중에서 가장 중요하고 기초적인 기술이 바로 Auto Layout입니다.
UI 개발에 필요한
모든 내용을 공부합니다
Auto Layout
Auto Layout, Adaptive Layout이 도입된 배경에 대해 이해할 수 있습니다.
Interface Builder
Interface Builder가 제공하는 도구를 자유롭게 활용할 수 있습니다.
제약
제약에 대해 깊게 이해할 수 있습니다.
Adaptive Layout
모든 디바이스와 실행 환경에서 사용할 수 있는 단일 UI를 개발할 수 있습니다.
제약을 추가하는 다양한 방법
Layout Constraint, Visual Format Language, Layout Anchor를 모두 정복하고 적절한 시점에 자유롭게 활용할 수 있습니다.
디버깅
레이아웃 오류를 쉽게 추적할 수 있습니다.
멋진 UI를 만들고 싶다면
누구나 환영합니다

Swift 기초 문법을 공부한
초보 개발자

iOS 앱을 직접 만들어 보고 싶은
모든 개발자

Auto Layout 기본기를 제대로 공부하고 싶은
iOS 개발자
Auto Layout을 마스터 할 수 있게 준비했어요
커리큘럼
Auto Layout Basics
(7 강의)
Auto Layout Overview09:36Free
iOS 디바이스의 해상도와 스케일이 변경되어 온 과정과 UI 구성 방식의 발전 과정에 대해 알아봅니다.
Frame-based Layout & Autoresizing Mask10:03
뷰의 프레임을 직접 설정하는 방법과 UI 프로토타이핑에 활용할 수 있는 Autoresizing Mask에 대해 공부합니다.
Auto Layout Interface Builder Technique22:25Free
인터페이스 빌더에서 제약을 추가하고 편집하는 방법을 공부합니다.
Constraint #139:45Free
제약을 구성하는 기본 속성과 우선 순위에 대해 공부합니다.
Constraint #215:54
Intrinsic content size, Content Hugging, Compression Resistance에 대해 공부합니다.
Layout Margins & Layout Guides30:12
뷰의 배치에 영향을 주는 레이아웃 마진과 레이아웃 가이드에 대해 공부합니다. iOS 11과 이전 버전에서 호환성을 유지하는 방법에 대해서도 공부합니다.
Auto Layout In Action: Kakaotalk Profile Page45:20Free
Auto Layout을 활용해서 카카오톡 프로필 페이지를 구현합니다.
Adaptive Layout
(2 강의)
Adaptive Layout: Overview27:32
다양한 실행 환경에서 동작하는 단일 UI를 개발하는 방법을 공부합니다.
Adaptive Layout In Action: Kakaotalk Profile Page12:14
카카오톡 프로필 페이지 예제에 Adaptive Layout을 적용해서 가로 모드를 구현합니다.
Constraints with Code
(5 강의)
Constraints with Code: Overview11:32
코드를 통해 제약을 추가하는 다양한 방법과 이들의 장단점을 비교합니다.
강의 호환성
Xcode 9
모든 강의가 Xcode 9 버전에서 제작되었습니다
Swift 4.2
모든 코드는 Swift 4.2 버전으로 작성되었습니다.
iOS 10+
최소 iOS 10 버전의 호환성을 보장합니다.