실제 존재하는 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.7

14 개의 수강평
  • 5 점11
  • 4 점2
  • 3 점1
  • 2 점0
  • 1 점0
  1. Sangjin Lee의 프로필 사진

    좋은 강의네요

    5

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

  2. 이덕호의 프로필 사진

    굿이에요 굿!!

    4

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

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

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

    3

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

  4. DongHyun Kim의 프로필 사진

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

    5

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

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

  5. 시마준의 프로필 사진

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

    5

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

    꼭 필요한 강의네요

  6. 최혜선의 프로필 사진

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

    4

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

  7. 바가지의 프로필 사진

    👍

    5

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

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

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

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

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

    5

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

  9. 비웍스의 프로필 사진

    좋은 강좌 잘봤습니다.

    5

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

  10. zhenta의 프로필 사진

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

    5

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

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

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

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

  11. ByungJo Hwang의 프로필 사진

    감사합니다

    5

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

  12. 박진희의 프로필 사진

    와 강의 좋은데요

    5

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

  13. 알통몬의 프로필 사진

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

    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