모든 화면에서 동작하는 멋진 UI 만들기

Essential Auto Layout

Auto Layout을 익히면 누구나 디바이스에 최적화 된 UI를 쉽고 빠르게 만들 수 있습니다!

평생 소장
2만원

15

강의

6.4

시간

수강생 만족도

초급 ~ 중급

난이도

커뮤니티

함께 공부해요

Constraints with Code #4

40:28 코드를 통해 Align center, Align edge 패턴을 구현합니다.


모든 화면에서 동작하는

멋진 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 버전의 호환성을 보장합니다.

궁금한 내용이 있으신가요?

자주 묻는 질문들을 모아봤어요

KxCoding의 모든 영상은 암호화되어 있어서 에어플레이/사이드카를 통한 외부 출력을 지원하지 않습니다.

HDCP를 지원하는 외부 모니터를 연결하시거나 iOS 앱(아이패드 지원)으로 수강해 주시기 바립니다.

수강 진도는 재생 배속에 관계없이 항상 1배속을 기준으로 집계됩니다.
예를 들어 2배속으로 60초 분량을 수강하더라도 수강 진도는 30초로 집계됩니다.

강의를 보다가 궁금한 점이 생기면 아래와 같은 방법으로 질문을 등록하고 답변을 받을 수 있습니다.

  1. 커뮤니티에 질문 등록
  2. 강의 화면에서 댓글로 질문 등록

KxCoding은 카카오페이와 KG이니시스를 통해 결제 서비스를 제공하고 있으며, 신용카드 할부 결제를 지원합니다.

다만, BC 카드를 포함한 일부 카드사는 업종에 따라 할부 개월수를 제한하고 있습니다.

  • 최대 3개월 할부 지원
  • 할부 결제 미지원

홈페이지에서 신용카드 할부 결제가 불가능하다면 카드사 고객센터로 문의해 주시기 바랍니다.

KxCoding은 국비지원 학원으로 등록되어 있지 않아서 사용할 수 없습니다.

온라인 강좌 수료증은 다음의 조건이 충족되면 발급됩니다.

  1. 전체 강의 중 90% 이상 수강 (ex. 전체 강의 수가 100개인 경우 90개 이상 수강)
  2. 전체 강의 시간 중 90% 이상 수강 (ex. 전체 10시간 분량의 강좌인 경우 최소 9시간 이상 수강)

조건이 충족되면 [내 강의실 > 수료증] 메뉴를 통해 바로 바로 발급받을 수 있고, 같은 메뉴를 통해서 언제든지 다시 다운로드 할 수 있습니다.

주의사항

  1. 완료 표시한 강의는 수강을 완료하지 않은 것으로 간주합니다.
  2. 재생 배속은 수강 기록에 반영되지 않습니다.
  3. 수료증 발급 조건이 충족되지 않은 상태에서는 어떤 경우에도 발급이 불가능합니다.

세금 계산서와 현금 영수증 발급 여부는 결제 수단에 따라 달라집니다.

웹사이트에서 결제 대행사를 통해 결제하시거나 모바일 앱에서 인앱으로 결제하시면 세금 계산서는 신용카드 매출전표로 대체됩니다.
(부가세법시행령 제57조2항에 따라 결제대행업체를 통한 신용카드 매출전표를 발행한 경우에는 사업자가 별도의 세금계산서를 교부할 수 없습니다.)

회사 계좌로 무통장 입금하시면 세금 계산서/현금 영수증이 발행됩니다.
홈페이지 [지원] 메뉴를 통해 관리자에게 요청해 주시기 바랍니다.

아래의 자료를 help@kxcoding.com으로 보내주시거나 관리자에게 요청을 하실 때 함께 보내주시기 바랍니다.

세금 계산서

  1. 사업자 등록증 사본
  2. 담당자 이메일

현금 영수증

  1. 전화번호(연말정산용) / 사업자 등록증 사본(지출증빙용)
  2. 성함 또는 업체명
  3. 이메일

온라인 강좌는 macOS, iOS, Windows에서 모두 볼 수 있습니다.

  • iOS : 모바일 앱(앱스토어에서 KxCoding으로 검색 후 다운로드)
  • macOS : 네이티브 앱(앱스토어에서 KxCoding으로 검색 후 다운로드), Chrome, Safari, Edge
  • Windows : Chrome, Edge,
  • 기타 OS : DRM 재생을 지원하는 브라우저

참고사항

  1. DRM 재생을 지원하지 않은 일부 브라우저에서는 재생이 불가능합니다.
  2. 일부 안드로이드 기기와 일부 모바일 브라우저에서 재생은 가능하나, 공식적으로는 지원하지 않습니다.
  3. IE와 Firefox는 지원하지 않습니다.
  4. AirPlay, Sidecar, PIP는 지원하지 않습니다.

본인이 소유한 디바이스라면 사용에 제한이 없습니다. 다만, 본인 소유의 디바이스라도 동시 접속은 허용되지 않습니다.

타인의 디바이스에서 로그인하거나 강의를 수강한다면 계정 공유로 판단되어 서비스 이용이 제한되므로 주의하시기 바랍니다.

자세한 내용은 [이용약관]을 참고해 주시기 바랍니다.

허용되는 사항

강의에서 공부한 내용을 기반으로 직접 내용을 구성하여 글을 작성하거나 코드를 작성하고 공개하는 것은 얼마든지 가능합니다.

허용되지 않는 사항

  1. 강의 화면을 캡처해서 첨부 이미지로 활용할 수 없습니다.
  2. 강의에서 설명하는 내용을 텍스트로 옮겨서 등록할 수 없습니다. (특정 문구를 인용할 수 있으나 전체를 그대로 / 또는 유사하게 등록하는 것은 불가능합니다.)
  3. 강의 내용을 요약해서 등록할 수 없습니다.
  4. 강의에 포함된 코드를 그대로 사용할 수 없습니다.

강의 내용을 그대로 옮기는 것은 실력 향상에 도움이 되지 않습니다.
그리고 이런 저작물은 온전히 본인의 것이 되지 못하고, 향후 여러 문제가 발생할 수 있습니다.
공부하신 내용을 본인만의 언어와 방식으로 표현해 보시기 바랍니다.

참고 : 저작권 관련 FAQ

Essential Auto Layout
평생 소장
|
2만원
서버로 재접속을 시도하고 있습니다. 잠시만 기다려 주세요.