실제 존재하는 iOS 앱의 UI를 다각도로 분석하여 전문가 수준의 화면구성을 할 수 있도록 만들어 드립니다.

1. 강좌 소개

지금의 개발은 화면을 잘 만들어낼 수 있는 개발자가 앱의 가치를 높일 수 있는 진정한 개발자인 세상입니다.

“오토 레이아웃”을 이용하여 실전 UI구성 전략을 짜보고, 고급 UI를 직접 만들면서 내 앱의 가치를 높여보세요. 취업준비생 에게는 제대로된 포트폴리오를 만들 수 있는 능력을 드리고, 자신의 앱을 만들고자 하는 분들에게는 소비자에게 어필할 수 있는 멋진 UI를 구성할 수 있는 힘을 만들어 드립니다.

이 강좌는 오토레이아웃의 개념을 먼저 학습해 탄탄한 기초하에 여러가지 방법으로 계산기, 인증서, 그래프, 팝업, 카카오톡 등을 만들면서 iOS UI 개발의 경험을 높여줍니다.

저를 믿고 따라오시기만 하면 됩니다.

2. 강좌 특징

  • 단순히 기능만 나열하는 강의가 아닙니다.
  • 실제 존재하는 앱의 UI를 다각도로 분석하여 전문가 수준의 화면구성을 할 수 있도록 만들어 드립니다.
  • AutoLayout이 얼마나 막강한지 다년간의 경험을 통한 모든 노하우와 팁을 알려드립니다.

학습 목표

AutoLayout을 이용한 전문가 수준의 고급 UI구성

도움이 되는 분들

UI구성을 처음 시작하는 입문 부터 실전 프로젝트를 진행하면서 더 나은 스킬을 원하는 중, 고급 개발자까지 모두에게 도움 될 수 있는 강의 입니다.

3. 배우는 것들

Autolayout 기본기능 파악

다른 앱의 UI를 참고하면서 autolayout의 기능을 마스터합니다.

다양한 기능 구현

동적 텍스트,  그래프,  애니메이션, 팝업 등의 다양한 기능을 구현해봅니다.

카카오톡, 계산기, 인증서,
그래프,팝업 UI 만들기

다양한  UI 를 직접 구현하면서 Autolayout을 완벽하게 마스터하세요.

4. 강사 소개

이정효

2011~현재 아이폰 개발
강의경력 3년

강좌 평가

4.8

32 개의 수강평
  • 5 점27
  • 4 점4
  • 3 점1
  • 2 점0
  • 1 점0
  1. Heejune Yang의 프로필 사진

    정말 감사합니다.

    5

    매번 UI 구성 어떻게 하나.. 막막했는데 오아시스를 발견한 느낌입니다.
    감사합니다.

  2. 김혜리의 프로필 사진

    강좌 너무 좋아요

    5

    여러번 보면서 복습도 하고 이 강의 덕분에 오토레이아웃에 대해 많이 배워갑니다. 감사합니다. 🙂

  3. M의 프로필 사진

    감사합니다.

    4

    도움이 많이 되었습니다.

  4. ed의 프로필 사진

    설명이 매우 좋네요

    5

    복잡해 보이는것을 매우 쉽게 잘 설명해 주셨네요
    감사합니다.

  5. 마인생은고통이야의 프로필 사진

    현재 한국어로 강의하는 Auto Layout 강좌 중 최고입니다~

    5
  6. Yeonju Han (노랑연두)의 프로필 사진

    정말 좋은 강의였습니다.

    5

    현역에 있는 iOS 개발자인데, 항상 오토레이아웃에 대해 단편적으로만 습득하여
    구체적으로 어떻게 구성되는지 배우기가 어려웠습니다.
    이 강의를 통해서 어느정도 기초를 다진 것 같아서 기쁩니다.
    다음에도 좋은 강의로 뵀으면 합니다!

  7. 金正賢의 프로필 사진

    강의 재생이 안됩니다.

    5

    basic8_Hugging_Priority 강좌가 재생이 안되는데요.

    아래 강좌도 재생이 안됩니다. 크롬 사용중입니다.
    basic10_image_resolution
    basic15_margin

  8. 눙곰의 프로필 사진

    정말 쉽고 재미있는 강좌였습니다

    5

    이 강좌 내용만 보면 어려운 내용도 없고 UI만 꾸미니까 ios개발이 참 재미있게 느껴집니다
    다른 강좌로 어려운문법 같은것도 계속 이어서 공부하려고 합니다

  9. Yoo Sanghyeon의 프로필 사진

    좋은 강좌 감사합니다.

    5

    좋은 강좌 감사합니다.
    오토레이아웃에 대해 무지 하였는데, 이 강좌가 많은 도움이 되었습니다.

  10. 응딩의 프로필 사진

    꿀강

    5

    아이폰개발하면서 autolayout에 대해 고민하고 연구해왔는데 이런 단비같은 강의를 만나다니 너무 좋네요:) 몇시간 구글링하고 문서를 읽어야지 얻을 수 있는 많은 팁들을 단시간에 얻어갈 수 있어서 정말 유익했어요!

  11. 임성훈의 프로필 사진

    강좌 좋습니다.

    5

    초보자도 알기 쉽게 말씀해주시고 직접 따라해보면서 만드는 재미가 쏠쏠하네요.

    감사합니다.

  12. 뀔뀔의 프로필 사진

    Auto Layout 개념을 잡기에 좋은 강의입니다.

    4

    Auto Layout 개념을 잡기 좋은 강의입니다.
    다만 Swift 문법에 대한 설명이 부족하여 Swift 공부를 선행하지 않으신 분들은 중간중간 난해한 부분이 있을 수 있으니
    Swift 문법 강의를 먼저 선행하신 후에 강의를 듣는 것을 추천합니다.

  13. 피치의 프로필 사진

    감사합니다.

    5

    좋은 강의 감사합니다 🙂

  14. 문광돌의 프로필 사진

    강추

    5

    오토레이아웃의 활용방법을 이 강좌를 통해 아주 많이 알게 되었습니다.

  15. 에스프레소의 프로필 사진

    강추

    5

    다른 개발경력이 있어서..
    ios앱을 책들과 유튜브로 독학 했었습니다. 다른건 비슷하게 했는데..
    UI에서 오토레이아웃은 아쉬움이 많았습니다. Ui조절도 Code로 보강하고..
    이 강의로 아쉬움이 다 없어지네요. 강추 입니다.

  16. Sangjin Lee의 프로필 사진

    좋은 강의네요

    5

    AutoLayout을 사용하던 사람인데요, 예전에 작업하면서 막히던 부분이 있었는데 그런 상황을 해결할 수 있는 팁들도 많이 제공해주시고 좋았습니다.
    최근에 추가된 SafeArea도 추가해주시면 더 좋을거같습니다.

  17. 이덕호의 프로필 사진

    굿이에요 굿!!

    4

    오토레이아웃을 실제로 활용한 예제를 찾기 힘들었는 데
    아주 좋습니다!!

  18. 내사랑주원이의 프로필 사진

    초보자가 수강하기엔 어려운 강의네요

    3

    IOS 러닝패스 커리큘럼 2단계가 이 강의인데 1단계에서 수준이 좀 높아졌네요.
    처음엔 어느정도 따라갔는데 중간 이후부턴 힘드네요.
    기본적으로 SWIFT 프로그래밍과 XCODE의 쓰는 방법을 잘 알아야 따라가겠네요.

  19. DongHyun Kim의 프로필 사진

    ios UI에 대한 이해도를 높이기 최고 강좌~!

    5

    autolayout을 문법적으로 기술적으로 어떻게 한다는 수준이 아니라
    UI를 어떻게 그리고 그것을 구현하기 위한 어떤 의식의 흐름으로 이루어지는지 알려주셔서
    ios app UI에 대한 이해와 구현 방법에 대해서 많이 알게 되어서 감사합니다.

    또 다른 강좌에서 뵙길 바랍니다!

  20. 시마준의 프로필 사진

    오토레이아웃에 대해 많이 배우고 갑니다.

    5

    오토레이아웃에 대해 많은 것을 배우고 갑니다.

    꼭 필요한 강의네요

  21. 최혜선의 프로필 사진

    실제 필요한 기술을 배울 수 있습니다

    4

    오토레이아웃을 실제 사용할 만한 ui를 구성하면서 배운다는 점이 좋았습니다
    근데 강의가 올라온지 얼마 안되서 Xcode9가 나오고.. 몇가지 다른부분이 있습니다
    하지만 오토레이아웃을 수강하기에 좋은 강의입니닷

  22. 바가지의 프로필 사진

    ?

    5

    말이 필요없는 강좌 입니다.

    강좌료에 비하면 얻어가는게 너무 많아요.

    에니메이션 관련한 Autolayout강좌 추가 개설해주시면 좋겠습니다…(너무 추상적이죠 ^^;;)

  23. 무색무취의고수의 프로필 사진

    짧고 굵게 설명히 잘 되서 좋아요

    5

    잘듣고 있습니다. 짧고 굵어서 집중하기에도 좋네요

  24. 비웍스의 프로필 사진

    좋은 강좌 잘봤습니다.

    5

    강의 잘봤습니다. 수차례 개발을 해오면서 일부 개발자분들중 UI디자인 기획이나 UX디자인을 하신분들이 많이 안계시고 기술에만 치중하시는 분들이 있어서 아쉽습니다. 좋은 기술과 태크닉도 중요하지만 트랜드에 맞게 디자인에 대한 중요성도 이 강좌를 통해 많이 시도하시는 개발자분들이 많이 있었으면 좋겠습니다. 이런 강좌가 많이 생겨나길 바라며. 좋은 강의 잘들었습니다.

  25. zhenta의 프로필 사진

    강의 흥미롭게 잘 보고 많은 도움이 되었습니다.

    5

    오랜만에 iOS프로젝트로 돌아와서 오토 레이아웃 때문에 애먹고 코드로만 작업한 부분이 많았는데 강의 보고 그 동안 코드로 작업한 뷰들 걷어내고 오토레이아웃으로 바꾸었습니다.
    그동안 코드로 작업한 시간의 3분의 1도 안걸렸습니다.

    책으로 글로 이해가 안되는 것이 역시 한번 보는 것만 못하네요.

    강의 해 주셔서 감사합니다.

    마지막으로 추가 되었으면 하는 강의가 있습니다.
    세그와 여러개로 나누어진 스토리 보드 관리 정도의 팁이
    있었으면 하는 욕심이…ㅎㅎ
    수고 많으셨구요. 도움 많이 되었습니다.

  26. ByungJo Hwang의 프로필 사진

    감사합니다

    5

    오토레이아웃은 사용을 많이 안해봤는데
    이 강좌 덕분에 도움이 많이 되었습니다.

  27. 박진희의 프로필 사진

    와 강의 좋은데요

    5

    와 이강의 정말 마음에 드네요.
    개발 입문도 아닌데 아직 화면 구현에 시간 많이 잡아 먹고
    검색해도 잘 안나오고 해서 강의 들어봤습니다.
    개념이랑 화면 잡는개념 잘 잡히네요.
    정말 도움 많이 되네요.

  28. 알통몬의 프로필 사진

    강의 하나가 안올라온거 같습니다.

    5

    마자막 강좌 카카오톡 UI 따라잡기 부분에서
    0-2 강좌와 1강좌의 영상이 중복됩니다.

강좌 교육과정

오토레이아웃 기초 - 노하우를 통한 제대로된 기초.
basic1_start학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:10:00
강의 자료학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:00:00
basic2_constraints학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:05:00
basic3_constraints학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:10:00
basic4_constraints학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:03:00
basic5_multiplier학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:05:00
basic6_multiplier학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
basic7_multiplier학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:10:00
basic8_Hugging_Priority학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:13:00
basic9_Compression_resistance_priority학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
basic10_image_resolution학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
basic11_align학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
basic12_align학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:08:00
basic13_Rotate학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:08:00
basic14_ScrollView학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
basic15_margin학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
스택뷰를 활용한 계산기 구현방법
Calc_1_StackView학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:17:00
Calc_2_Rotate학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:11:00
올레 인증서 앱은 어떻게 만들어 지는가 - 동적 텍스트 구현방법
Cert_1_Dynamic_Text학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:23:00
Cert_2_Dynamic_Text학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
멋지게 그래프를 표현하는 방법과 애니메이션
Graph_1_AutoLayout_Code학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:08:00
Graph_2_AutoLayout_Code학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:14:00
Graph_3_AutoLayout_Animate학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:17:00
팝업 만들기와 애니메이션
popup_1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:16:00
popup_2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:14:00
popup_3_animate학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:04:00
테이블뷰 구성 - 자유로운 동적 높이
TableView_Expand학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:30:00
TableView_Text_Dynamic_Cell학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:25:00
카카오톡 채팅창 구현 - 완벽 마스터
Kakao_0_intro_1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:01:00
kakao_0_intro_2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:03:00
kakao_1_start_stratch학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:11:00
kakao-2-tableView_default학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:17:00
kakao-3-mybubble학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
kakao-4-yourBubble학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:17:00
kakao-5-complexCell학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:08:00
kakao-6-cellFinish학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
kakao-7-inputView1학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
kakao-8-inputView2학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:24:00
kakao-9-inputView3학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
kakao-10-inputView4학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:04:00
kakao-11-UITextView_Tip학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
kakao-12-UITextView-Tip학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:14:00
kakao-13-Final학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:07:00
  • 가격 옵션 +
  • 평생
  • 강좌 수료증
  • 43개 강의, 총 7 시간 17 분
  • 위시리스트

우리는 성장기회의 평등 을 추구합니다.

경제적, 시간적 제약없는 양질을 교육으로 누구나에게 성장 기회를 균등하게 주는것. 그것이 우리의 목표입니다.

지식공유참여 고객센터
top
(주)인프랩 | 대표자:이형주 | TEL:070-4202-1180 | E-MAIL: course@inflearn.com | 사업자번호:499-81-00612
주소:성남시 분당구 삼평동 대왕판교로 645번길 12 경기창조경제혁신센터 8층 R10 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED