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

Flutter 초입문 왕초보편 대시보드

(4.8)
56개의 수강평 ∙  501명의 수강생
99,000원

월 19,800원

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

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

이 강의는 플러터(Flutter)를 시작하는 모든 분들이 플러터 기초를 빠르게 학습할 수 있도록 만들었습니다.

✍️
이런 걸
배워요!
Flutter로 간단한 앱을 만들 수 있는 최소한의 기본기
Flutter 개발에 대한 자신감 향상
Dart 기초 문법

입문보다 더 입문, 플러터 초입문 왕초보편!

지금, 왜 Flutter 인가요?

구글에서 개발한 Flutter는 Android, iOS, Web, Windows, Mac, Linux 까지 다양한 환경을 지원하는 멀티플랫폼 개발 프레임워크입니다. 하나만 배워서 여기저기 써먹을 수 있으니 이보다 좋은 게 있나 싶네요.
이 강의를 통해 Flutter를 시작하시면 기초를 빠르게, 그리고 쉽게 익히실 수 있습니다.


단 몇 줄의 코드로 완성하는 UI

스크롤이 되는 리스트를 작성할 때를 예로 들어봅시다. 기존 안드로이드 코드로 리스트를 작성하기 위해서는 어댑터와 리사이클러뷰를 작성하는 데만 해도 엄청나게 많은 코드와 시간이 필요합니다. 여기부터 초심자가 좌절하는 지점이지요.

기존의 안드로이드 리스트 코드

하지만 Flutter에서는 단 몇 줄의 코드만 작성하면 됩니다.

Flutter의 리스트 코드

이렇듯 Flutter를 사용하면 개발이 획기적으로 빨라집니다. UI와 비즈니스 로직의 분리 또한 확실해집니다.

오준석의 플러터 생존 코딩: Flutter 입문보다 더 입문 📲

오프라인에서 Flutter 강의를 5개 기수 이상 진행했습니다. 강의를 진행하면서 코딩이 처음인 사람들에게 필요한 부분이 무엇인지 고민하고, 문제를 도출하여 이 강의를 만들게 되었습니다.

기존 제가 만든 'Flutter 입문' 강의가 어려우셨다면, 이 강의를 통해 진정한 기초를 공부하실 수 있습니다.


다루는 내용

코딩에 대해 아무것도 모르는 분들을 대상으로 합니다.

이 강의는 《오준석의 플러터 생존 코딩》에 있는 예제와 더불어 책에 담지 못한 다른 예제들을 《오준석의 안드로이드 생존코딩: 코틀린편》 에서 차용하여 추가로 다루면서 Flutter로 만들어보는 형식으로 진행됩니다. 이 과정을 통해 간단한 앱을 Flutter 만들어 가면서 팁과 이슈를 경험하게 됩니다.

이 강의를 통해 기초를 배우고, 2022년에 리뉴얼된 'Flutter 입문' 강의를 들으면 Firebase 등을 활용하여 웬만한 수준의 개인 모바일 앱을 작성하실 수 있을 것입니다.


예제로 배우는 Flutter 
입문보다 더 입문: 초입문 왕초보편 

이 강의에서는 먼저 Flutter의 기초를 익힌 이후 예제를 통해 Flutter의 사용법을 배우게 됩니다.
각 예제에서 배울 수 있는 내용은 다음과 같습니다.

8가지 모바일 앱 예제로 배우는 플러터

비만도 계산기
화면 전환 (Navigation)
스톱워치
Timer 활용
나만의 웹 브라우저
WebView
전자액자
ImagePicker, 화면 좌우 스크롤
수평측정기
가속도계 센서 활용, Stream
실로폰
소리 재생
Gps Map
구글 맵, 위치 정보, 지도 위에 이동경로 그리기
TodoList
Hive

강의 선택 가이드

본인이 공부해야 할 강의가 맞는지 확인해 보세요.

연관 로드맵


Q&A 💬

Q. 수강 대상이 어떻게 되나요?

아무것도 모르시는 분이거나, 다른 입문 강의를 들었는데 어려웠던 분들을 대상으로 합니다.

Q. 수강 전에 강의가 어떻게 진행되는지 알 수 있는 방법이 없을까요?

이 강의에서 제공하는 무료 공개 수업을 먼저 들어보시고 들어보시고 강의 스타일이 맞다면 수강 신청을 진행하시면 됩니다.

Q. 강의에서 사용하는 소스 코드가 제공되나요?

소스 코드를 제공합니다. 섹션 1 [소스 코드] 수업을 확인해주세요.

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
Flutter가 정말 처음이신 분
Flutter 입문 수업이 어려웠던 분

안녕하세요
오준석 입니다.
오준석의 썸네일
교육하고 책 쓰는 개발자 오준석입니다.
'오준석의 생존코딩' 유튜브 채널과 생존코딩 (https://survivalcoding.com) 교육 플래폼을 운영중입니다.
저서
오준석의 플러터 생존코딩 (한빛미디어 2020)
오준석의 안드로이드 생존코딩: 코틀린 편 (한빛미디어 2018)
될 때까지 안드로이드 (루비페이퍼 2018)
주요경력
현) 세민직업전문학교 정보기술개발 직업훈련교사
수원스마트앱개발학원 운영
LG전자 MC사업부
일본 아이치현 (株)東海理科 Security사업부
일본 아이치현 (株)日本テクシード IT사업부
LinkedIn: https://www.linkedin.com/in/%EC%A4%80%EC%84%9D-%EC%98%A4-295623b0/
커리큘럼 총 126 개 ˙ 9시간 27분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. Hello Flutter
000. 강의 소개 미리보기 04:55
소스 코드
001. Flutter 란? (1개의 코드로 Android, iOS, Web, Desktop 도 가능) 미리보기 03:45 002. Dart 란? 미리보기 02:41 003. [Windows] Flutter 개발을 위한 설정 미리보기 05:32 004. [Mac] Flutter 개발을 위한 설정 미리보기 08:10 005. Android Studio 에서 새로운 Flutter 프로젝트 만들기 미리보기 03:23 006. Android 에뮬레이터 작성 미리보기 04:26 006-1. Android 에뮬레이터를 바깥으로 꺼내기 (디바이스 프레임 제거) 미리보기 02:39 007. [Mac] iOS 시뮬레이터 작성 미리보기 02:42 007-1. [Mac] iOS 실제 기기 연결 미리보기 01:35 008. Android 에뮬레이터의 한글 설정 미리보기 01:42 009. 작성한 프로젝트를 여는 방법 미리보기 01:13 010. 프로젝트를 윈도우, Mac 에서 보는 방법 미리보기 00:44 011. Flutter 프로젝트의 디렉토리 구조 (기본적인 것만) 미리보기 01:37 012. Widget 이란? 미리보기 01:25 013. StatefulWidget 을 사용하여 화면의 뼈대 만들기 미리보기 02:11 014. Scaffold를 사용하여 머티리얼 디자인의 뼈대와 AppBar 작성 미리보기 04:53
015. Reformat Code 로 코드를 정리하는 법 01:49
016. flutter_lints 설정 끄기 02:11
017. FloatingActionButton 사용법, 문장, 세미콜론을 찍는 이유 03:49
018. int 변수, setState, 주석으로 화면 중간의 숫자 변경하기 02:55
019. Column, Row, mainAxisAlignment 로 중앙 정렬하기 미리보기 05:52
020. 여러가지 버튼 03:56
021. 파일 나누기 03:36
022. 파일명, 디렉토리명, 함수명, 변수명 등 규칙 02:45
023. 변수, 함수, 클래스 이름을 한번에 변경하는 방법 02:52
024. import 란? 01:09
025. 소스 코드에서 값을 검색하는 방법 02:28
026. Hot Reload 와 Hot Restart 02:12
027. 머티리얼 디자인이란? 02:23
028. main 함수란? 01:10
029. TextField 위젯 04:02
030. Image 05:09
031. Container 03:17
032. SizedBox 01:56
033. 공사중 해결 SingleChildScrollView 02:04
034. Flutter Inspector 의 기본적인 사용방법 02:22
035. Expanded 04:37
036. TextField에 입력한 글자를 표시하는 방법 05:55
037. 버튼을 누르면 글자를 표시하는 방법 01:42
038. 프로퍼티나 클래스 앞에 _를 붙이는 이유 01:22
039. 변수, 인스턴스, 오브젝트, 정수 04:03
040. Android Studio 에서 전역 변수와 지역 변수를 구분하는 방법 01:36
041. = (대입) 00:15
042. 세미콜론, 콤마, 콜론 00:55
043. flutter clean 으로 프로젝트를 깨끗이 02:14
044. flutter clean을 수행하면 일어나는 일 01:27
045. 작성한 앱을 iOS 시뮬레이터에서 실행해 보기 00:31
046. 실행과 디버그 차이 01:28
047. iOS 스타일의 CupertinoApp 04:43
048. flutter_lints 미리보기 01:23:23 049. Dart 문법 미리보기 42:09
섹션 1. 강의 자료
소스 코드
강의에 사용되는 라이브러리 버전에 대한 중요 공지 02:19
섹션 2. 비만도 계산기
050. 비만도 계산기 해법요약 미리보기 00:59
051. 비만도 계산기 프로젝트 작성 03:50
052. Form 과 유효성 검사 09:30
053. 결과화면 작성 06:31
054. 라이브 템플릿 navpush 02:18
055. const 는 어디에 붙여야 하나? 01:53
056. 결과 화면에 if문 분기 처리 06:12
057. 키와 몸무게 String을 double 로 변환 04:03
058. SharedPreference 로 간단한 값 저장 06:27
059. 비동기 처리란? (async - await) 03:12
060. Dart 에서 비동기 처리 원칙 02:19
061. save, load 기능 구현 (initState) 05:22
062. 디버깅, 마지막 값 로드 02:34
063. 메서드 오버라이딩 01:14
064. 클래스 상속 01:01
섹션 3. 스톱워치
065. 스톱 워치 해법요약 미리보기 00:33
066. 스톱 워치 프로젝트 생성 01:32
067. 시작, 일시정지 버튼 UI 작성 02:53
068. 빈 공간을 차지하는 Spacer 00:51
069. 타이머 영역 UI 작성 01:51
070. 랩타임을 표시하는 영역 ListView 02:11
071. Timer와 Duration 02:28
072. Timer 클래스와 필요한 변수 준비 02:55
073. 시작,일시정지 상태 변환 로직 03:39
074. 시작,일시정지 동작 로직, 시간표시 UI 수정 04:34
075. 초기화 01:37
076. 랩타임 기록 01:57
077. 랩타임 표시 03:18
섹션 4. 나만의 웹 브라우저
WebView 버전 변경에 따른 중요 공지
078. 프로젝트 작성, WebView 추가 03:06
079. 안드로이드 인터넷 권한 02:56
080. WebView 기본 설정 03:25
081. 옵션 메뉴 04:33
082. WebViewController 03:01
083. ERR_CLEARTEXT_NOT_PERMITTED 에러 해결법 02:35
084. WebView의 javascript 허용 01:43
085. WillPopScope로 뒤로가기 제어하기 03:58
섹션 5. 전자액자
086. 전자액자 소개 미리보기 00:49
087. Image Picker 로 사진 선택 08:21
088. FutureBuilder로 사진 표시하기 05:46
089. PageView로 화면 슬라이드 구현 03:08
090. Timer, PageController로 사진 자동 전환하기 05:13
섹션 6. 수평 측정기
091. 수평계 앱 소개 미리보기 00:51
092. Stack, Positioned, MediaQuery 05:43
093. BoxDecoration을 사용했을 때 컬러 관련 에러 처리 01:56
094. sensor_plus 로 가속도 센서 값 얻기 08:28
095. 가로모드 고정하기 03:45
096. 센서값을 활용해 수평계 완성 02:40
섹션 7. 실로폰
097. 실로폰 앱 소개 미리보기 00:52
098. 반복되는 건반 UI 작성 08:43
099. Sound pool 라이브러리 준비 09:39
100. 건반에 사운드 연결 03:47
섹션 8. Gps Map
101. 지도 앱 소개 미리보기 00:46
102. 구글 지도 사용 12:27
103. 구글 맵 샘플 코드 분석 02:59
104. Geolocator 패키지로 현재 위치 정보 얻기 08:51
105. Android 에뮬레이터에서 위치 변경하기 05:44
106. 현재 위치로 구글 맵이 표시되도록 하기 04:29
107. 지속적인 위치 정보 얻어서 맵 이동하기 07:03
108. 지도위에 이동경로 그리기 10:43
섹션 9. Todo List
109. Todo 리스트 앱 소개 미리보기 00:52
110. Todo 목록 화면 작성 04:30
111. Todo 추가 화면 작성 04:46
112. 모델 클래스 만들고 리스트에 표시하기 07:53
113. Hive 사용 준비 13:01
114. DB의 데이터 표시하기 01:13
115. DB에 Todo 등록 05:42
116. DB 목록 갱신하기 01:15
117. 별도의 컴포넌트 만들고 콜백 사용하기 14:34
118. DateFormat 활용 03:03
119. 삭제 04:18
강의 게시일 : 2022년 12월 16일 (마지막 업데이트일 : 2023년 08월 30일)
수강평 총 56개
수강생분들이 직접 작성하신 수강평입니다.
4.8
56개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
김석태 thumbnail
5
초보자가 이해할 수있도록 잘 짜여진 강의였습니다. 다만 왕초보 인지라 이후에 필요할때 바로 참고 할수 있고. 강의내용중에서 나름 중요한 포인트는 메모해 둘수 있도록 기본 교재로 책 또는 파일제공이 되면 좋겠습니다. 소스코드는 당연하구요.
2023-04-04
지식공유자 오준석
감사합니다. 소스코드는 50강부터 모든 예제의 코드가 제공됩니다. 예제 만들기 전 부분은 코드가 없는데 필요하신 분이 계신 것 같아서 추후에 추가하도록 하겠습니다. 왕초보 과정이라서 교재 제공도 의미가 있어 보입니다. 추후에 제공하는 것을 긍정적으로 검토해 보겠습니다.
2023-04-04
Victor Choi thumbnail
5
아주 굿입니다! 로드맵 전부 완강하고 열심히 공부해서 플러터 전문가가 되고싶네요 ^^ 감사합니다!
2023-02-09
김은상 thumbnail
5
"뭘 좋아할지 몰라서 다 준비해봤어" UI, Class, Method, 동기/비동기, DB, Webview, Time, 라이브러리, 지도, 실제기기 소리, 위치 등... 앱 만들기 도구 키트를 갖고 있는 것 같습니다. 이 강의를 통해 많은 프로젝트를 경험해보고 중급자로 거듭나 패턴이나 아키텍처가 궁금할 때, 중급자 강의를 선택한다면 더 큰 도움이 될 거라 생각됩니다.
2022-12-23
당황한 코알라 thumbnail
5
플러터가 정말 쉽고 재밌다고 느끼게 해준 강의였습니다.. 코틀린보다 즐겁네요 ~
2023-06-11
tv kkuruki00 thumbnail
5
어디서도 가르쳐주지 않는 단축키, 세팅, 기본 용어 설명을 해주는 강의입니다. 걸음마 단계라면 무조건 이것부터 듣고 시작해야죠.
2022-12-28
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!