Thumbnail
개발 · 프로그래밍 모바일 앱 개발

성공적인 진짜 iOS Design Guide - [Autolayout With Code] 대시보드

36명이 수강하고 있어요.
154,000원

월 30,800원

5개월 할부 시
지식공유자: iOS Developer - 이정
총 101개 수업 (36시간 54분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[모바일 앱 개발] 강의입니다.

iOS UIKit 디자인 시스템을 배우는 실전 강의 - 11년차 개발자가 말해주는 진짜 Design Guide를 배울 수 있습니다.

✍️
이런 걸
배워요!
UIKit 기반 실전 디자인
Auto Layout, Code Layout
Custom View 개념 완전정복

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
개발을 시작했지만 디자인과 레이아웃 구성에 어려움이 있으신 분
어떻게 화면을 만들어야 하는지 막연하신 분
진짜 실무에서 쓰는 디자인을 배우고 싶은 분
📚
선수 지식,
필요할까요?
Swift 언어가 어떤 것인지 정도의 기초 지식은 필요합니다.

안녕하세요
iOS Developer - 이정 입니다.
iOS Developer - 이정의 썸네일

안녕하세요.

  • 강의 금액이 부담되시는 분들은 강의명을 아래 이메일로 보내주시면 할인쿠폰을 보내드립니다.

  • apple-developer@kakao.com

iOS 개발의 세계에 발을 들이게 된 지 벌써 10년이 흘렀습니다.

그 동안 다양한 환경에서 100여개가 넘는 프로젝트를 성공적으로 런칭하는 데 참여하였습니다. 이런 다양한 경험을 통해, 실무에서의 깊은 노하우와 통찰을 얻을 수 있었습니다.

이런 지식을 모아 저와 같은 열정을 가진 개발자 분들과 함께 성장하기 위해. 항상 더 나은 방법, 더 효율적인 경로를 연구하며, 그 결과를 강의 형태로 제작하여 여러분들과 공유하고 있습니다.

함께 성장하는 여정에 동행하실 준비가 되셨다면, 저와 함께 시작해봅시다.

커리큘럼 총 101 개 ˙ 36시간 54분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 코드와 리소스 정보
1. 코드와 리소스 링크
섹션 1. Autolayout - 기본 개념잡기
2. 시작 - 앱의 디자인 레이아웃 개념 이해하기 미리보기 24:52
3. Constraints - layout의 배치 이해 15:26
4. multiplier - 배율에 맞춰 배치하기 13:09
5. SafeArea - 화면 밖 영역에 대한 이해 13:30
6. ratio - 비율로 레이아웃 설정하기 - 1 24:21
7. ratio - 비율로 레이아웃 설정하기 - 2 10:24
8. ratio - 비율로 레이아웃 설정하기 - 3 (code layout) 22:09
9. align - 정렬 이해 - 1 20:25
10. align - 정렬 이해 - 2 (code layout) 19:02
11. priority - 레이아웃 우선순위 이해하기 13:33
12. hugging priority (넓어지는 레이아웃 대응) 09:21
13. compression resistance priority (좁아지는 레이아웃 대응) 11:10
14. priority - 우선순위 code layout 24:14
15. marings - 여백 설정 09:44
섹션 2. AutoLayout 기초부분 중간 정리
기초 다지기 중간 정리 16:25
섹션 3. UIKit을 다루는 방법
16. ScrollView - 스크롤 되는 컨텐츠의 개념 이해 - 1 21:00
17. ScrollView - 스크롤 되는 컨텐츠의 개념 이해 - 2 (code layout) 19:46
18. size class - 화면의 가로 세로 대응방법 - 1 25:01
19. size class - 화면의 가로 세로 대응방법 - 2 (code layout) 11:57
20. StackView - 레이아웃을 더 쉽게 만드는 강력한 방법 - 1 28:21
21. StackView - 레이아웃을 더 쉽게 만드는 강력한 방법 - 2 (code layout) 29:08
22. Button - 버튼 기초 - 1 35:01
23. Button - 버튼 기초 - 2 (code layout) 29:03
24. Button - 버튼 액션 - 3 (code layout) 22:27
25. Button - 버튼의 이미지 다루기 - 3 (code layout) 26:33
26. Button - 버튼의 연계기능 이해하기 (Pull Down, Popup) 16:16
27. TextField - 텍스트 입력의 중요한 개념 40:59
28. TextView - 긴 텍스트를 입력하는 중요한 개념 13:06
29. Visual Effect - 멋진 흐림 효과 - 1 10:53
30. Vusial Effect - 멋진 흐림 효과 - 2 10:45
31. Visual Effect - 멋진 흐림 효과 - 3 (code layout) 12:04
32. TabBar - 탭바 기본개념 - 1 16:24
33. TabBar - 탭바 기본개념 - 2 (code layout) 45:42
섹션 4. 실제 앱 디자인은 어떻게 만드는가?
섹션 5. FitnessApp - UITableView기반으로 만들기
35. FitnessApp - 네비게이션, 테이블뷰 구성 - 2 (Interface Builder) 01:06:08
36. FitnessApp - code로 구현하기 - 1 24:46
37. FitnessApp - code로 구현하기 - 2 17:33
38. FitnessApp - code로 구현하기 (Detail View) - 3 01:04:44
39. FitnessApp - code로 구현하기 (Detail View) - 4 23:49
섹션 6. FitnessApp - UIScrollView기반으로 만들기
40. FitnessApp - Intro - 1 미리보기 00:39
41. FitnessApp - Layout - 2 35:28
42. FitnessApp - Data set - 3 15:01
섹션 7. FitnessApp - UICollectionView기반으로 만들기
43. FitnessApp - CollectionView - layout - 1 16:24
44. FitnessApp - CollectioView - Layout - 2 32:56
45. FitnessApp - Data sync - 3 18:44
섹션 8. Sheet는 어떻게 만드는가
46. Sheet View - Intro - 1 미리보기 01:04
47. Sheet View - Layout - 2 30:45
48. Sheet View - Passing Data - 3 21:44
49. Sheet View - Code Layout - 4 13:43
섹션 9. Line Graph - 선그래프 직접 만들기
50. GraphView - Intro - 1 미리보기 01:44
51. GraphView - Custom View - 2 01:05:47
52. GraphView - Animation - 3 30:47
섹션 10. ProgressBar - 데이터와 연동되는 View
53. ProgressBar - Intro - 1 미리보기 00:48
54. ProgressBar 만들기 - 2 52:59
섹션 11. HeartButton - 귀여운 나만의 버튼 만들기
55. HeartButton - Intro - 1 미리보기 01:22
56. HeartButton - Custom Button 만들기 - 2 20:09
57. HeartButton - Animation - 3 27:47
58. HeartButton - Animation - 4 15:49
섹션 12. UITextView와 View가 만났을 때
59. TextView - Intro - 1 미리보기 02:22
60. TextView Path를 제외한 Text - 2 32:26
61. TextView - Image와 Text - 3 14:01
62. TextView - Path안에서 Text - 4 13:05
섹션 13. Overlapping - 겹치는 오브젝트 만들기
63. Overlapping - Intro - 1 미리보기 00:38
64. Overlapping - CollectionView - 2 49:37
65. Overlapping - StackView - 3 21:23
66. Overlapping - ScrollView - 4 32:45
섹션 14. Paging - 페이징 효과를 제대로 이해하기
70. Paging - Intro - 1 미리보기 03:00
71. Paging - CollectionView - 2 26:17
72. Paging - Zoom - 3 22:29
73. Paging - Offset - 4 34:36
섹션 15. VC - Transition - 정말 멋진 화면전환
74. Transition - Intro - 1 미리보기 01:51
75. Transition - TableView - 2 30:30
76. Transition - Image - 3 55:45
77. Transition - Label - 4 09:19
78. Transition - Dismiss - 5 19:18
섹션 16. Pattern Match - 암호패턴뷰 만들기
79. PatternMatch - Intro - 1 미리보기 01:26
80. PatternMatch - DotView - 2 06:10
81. PatternMatch - DotViews - 3 27:30
82. PatternMatch - Touch Event - 4 34:44
83. PatternMatch - 마무리 - 5 28:00
섹션 17. Bar Graph - 막대 그래프 만들기
84. BarGraph - Intro - 1 미리보기 00:52
85. BarGraph - Setup - 2 42:19
86. BarGraph - Animation - 3 33:19
섹션 18. Custom Keyboard - 제대로 된 Custom 키보드 만들기
87. KeyPad - Intro - 1 미리보기 00:57
88. KeyPad - Design - 2 44:23
89. Keypad - 마무리 - 3 36:05
섹션 19. Keyboard 이해하기
90. Learn Keyboard - Intro - 1 미리보기 01:55
91. Learn Keyboard - 포지션과 위치이동 개념 잡기 23:53
섹션 20. 파이차트, 도넛차트 만들기
차트 소개 미리보기 00:51
파이 차트 만들기 25:12
도넛 차트 만들기 14:59
차트위에 타이틀 올리기 09:13
섹션 21. 차트기반 앱 - 클론
차트앱 - 만들기 소개 미리보기 01:05
차트앱 클론 - 네비게이션 영역 만들기 53:56
차트앱 클론 - 타이틀과 아이템 리스트 만들기 45:19
차트앱 클론 - 차트 올리기와 메뉴버튼 만들고 레이아웃 마무리 하기 01:02:32
섹션 22. 동적으로 셀 구성하기
동적 셀 구성 - 소개 미리보기 01:57
시작 - 더미 데이터 구성하기 10:01
테이블뷰 기본 구성하기 12:05
동적 셀을 위한 autolayout 구성 변경하기 01:02:09
강의 게시일 : 2023년 10월 23일 (마지막 업데이트일 : 2024년 01월 31일)
수강평
수강생분들이 직접 작성하신 수강평입니다.
아직 평가를 충분히 받지 못한 강의 입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!😄️️