Thumbnail
개발 · 프로그래밍 풀스택

처음하는 플러터(Flutter) 기초부터 실전까지 [풀스택 Part4] (쉽고 견고하게 단계별로 다양한 프로젝트까지) 대시보드

(5)
7개의 수강평 ∙  264명의 수강생
79,200원

월 15,840원

5개월 할부 시
지식공유자: 잔재미코딩(DaveLee)
총 94개 수업 (26시간 1분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[풀스택, 웹 개발] 강의입니다.

본 강의는 dart 프로그래밍 기초부터 Flutter 기본 및 중급 기능, 심지어 백엔드인 Firebase를 연동하여, 실제 프로젝트까지! Flutter를 단계별로 익힐 수 있는 완성도 높은 강의입니다.

✍️
이런 걸
배워요!
Dart 언어 기본 익히기
Flutter 기본 이해하기
Flutter 기본 및 중급 위젯 익히기
Firebase/Firestore 와 Flutter 연동
Flutter/Firebase/Firestore 로 그럴듯한 서비스 제작

dart 프로그래밍부터 Flutter 실전 프로젝트까지
차근차근 익히는 완성도 높은 강의
잔재미코딩 Dave Lee가 만든 강의입니다

네카라쿠배도 사내 교육 강의로 선택하는 잔재미코딩 Dave Lee 강의

강사도 처음 익혔을 때, 실패한 Flutter, 좌충우돌한 경험을 바탕으로, Flutter 를 모른 상태부터 시작해서 실질적으로 익히고 활용할 수 있도록 만든 강의입니다.

이런 분들께 Flutter를 추천합니다

  • 나만의 아이디어, 소규모 스타트업으로 웹, 앱, MAC/Windows PC용 프로그램을 개발하고 싶은 분들
  • 프론트엔드 개발자로 최근 인기 있는 프론트엔드 기술을 익히고 싶은 분들
  • Flutter 전문 개발자가 되어, 취업하고픈 분들
  • 시니어 개발자가 되기 위해, 프론트엔드 역량을 쌓고 싶은 분들
  • 풀스택 개발자가 되고픈 분들

구글이 만들고 있는 Flutter 는 웹, 앱, PC용 프로그램을
하나의 코드로 모두, 심지어 그럴듯하게 만들 수 있습니다

👉 하나의 프로그래밍 언어만 경험해 보셨다면, Flutter 를 익히실 수 있습니다!
* 프로그래밍 경험이 전혀 없으신 분들은 본 페이지 하단부의 풀스택 강의 로드맵 가이드대로 파이썬 프로그래밍 기초 강의를 함께 수강하시는 것을 추천합니다! 


잔재미코딩 Flutter 강의 소개 및 장점

  • 잘 정리된 문서를 기반으로 영상을 통해 설명합니다.
    • 그래야 강의 후, 언제든 빠르게 내가 익힌 기능을 찾아보고, 활용이 가능합니다.
  • 기본기를 잘 닦을 수 있도록 Flutter 기반 언어인 dart 언어도 설명과 함께 문제도 풀어보며 익힙니다.
  • 위젯마다의 주요 사용법, 그리고 이를 엮어서 그럴듯한 화면을 만듭니다.
    • 그래야 감이 오고, 익힌 위젯도 서서히 익숙해집니다.
  • Flutter 개발에 chatGPT 를 활용하는 방법까지 익힙니다.
    • chatGPT 를 활용하면, Flutter 로 훨씬 빠르게 내가 원하는 코드를 만들 수 있습니다.

👉 결국 강의를 끝까지 들으면, 'Flutter 를 진짜 활용할 수 있겠구나' 하는 생각이 들 수 있도록 만들었습니다.


강사가 수차례 실패하며, 발견한 빠른 길을 고스란히 녹였습니다.

  • 하나의 기술을 내 것으로 만들기는 쉽지 않습니다
    • Flutter 는 최신 기술이기 때문에, 자료가 많지 않고, 무엇보다 어떻게 익혀야 할지 애매합니다.
    • 알 듯 말 듯, 책으로 유튜브로 봐도 애매할 수 있습니다.
  • 그럴듯한 화면을 만드는 코드를 많이 본다고 익혀지지는 않더라고요!
    • 주요한 코드 패턴과 주요한 기능을 중심으로
    • 하나씩 뽀개고, 활용해 보는 방식으로 익혀야 익혀지더라고요!

👉 본 강의 순서대로 그대로 따라오세요. 강의 중반이 넘어가면, 서서히 감이 오고, 자신감이 붙습니다!


Flutter 로 하나의 서비스까지 만들 수 있도록, 백엔드 기능(Firebase)도 설명합니다.

  • 하나의 서비스는 결국 프론트엔드와 백엔드 기술이 필요합니다.
    • Flutter 는 프론트엔드 기술이므로, 온전한 서비스를 만들려면, 백엔드 기술을 또다시 익혀야 합니다.
    • 본 강의는 백엔드 기술로 Flutter 와 궁합이 좋은 Firebase 를 활용하는 기법도 다룹니다. 심지어 그럴듯한 서비스도 만들어 봅니다.


ChatGPT를 활용하면, Flutter 개발이 훨씬 쉬워집니다.

  • chatGPT 를 Flutter 개발에 활용하는 방법까지 강의 속에 포함하였습니다.

👉 본 강의에서 Flutter 기본기를 쌓은 후, chatGPT를 활용하면, 못 만들 서비스가 없습니다!


체계적으로
개발을 익히고 싶으신 분들을 위해 풀스택 로드맵도 제공합니다.
(본 페이지 하단부에 로드맵을 공유드립니다)

  • IT 기술은 서로 연결되어 있고, 체계적으로 익혀야 실질적으로 익힐 수 있습니다.
  • IT 기술을 실질적으로 익히고, 활용하는 것은 매우 쉽지 않은 일입니다.
  • 심지어 각 IT 기술을 난이도, 커리큘럼도 다른 각 강사에게, 심지어 유투브로 가볍게 익히기가 쉽지 않으시다면!

전체 가장 빠른 최신 풀스택 로드맵을 유투브 영상으로 요약하여 만들었습니다. 해당 영상을 참고하시면, 본 기술을 넘어서, 혼자서도 짧은 시간에 웹/앱 개발을 할 수 있는 로드맵도 이해하실 수 있습니다.

👉 그동안 오픈한 강의를 원하시는 기술, 하나만 들어보세요~ 그리고 다르구나 라는 생각이 드신다면, 쭉 로드맵 순서에 맞추어 차근차근 들어보세요. 난이도가 단계별로 올라가고, 서로 연결된 기술을 효과적으로 익힐 수 있습니다.


현업과 병행하며, 8년째 IT 강의를 만들고 있습니다.
합리적인 금액으로, 알찬 내용으로, 만들고 있습니다.

잘 정리된 문서를 기반으로 영상을 통해 설명합니다.
그래야 강의 후, 언제든 빠르게 내가 익힌 기능을 찾아보고, 활용이 가능합니다.

  • 모든 Flutter 예제 코드는 파일 등으로 제공합니다.
  • Flutter 문서 자료는 PDF 형태로 이북 (ebook)처럼 언제든 확인하실 수 있도록 제공해 드립니다.
         (단, 관련 자료는 저작권 이슈로 복사 및 다운로드는 제한하였습니다.)

강의 내에서 만드는 그럴듯한 화면과 프로젝트들의 예
(이외에 각 위젯과 문법마다 예제 코드를 함께 만들어 봅니다.)

 
IT 를 잘하려면, 체계적으로 익히세요

IT 기술은 연계되어 있고, 기술을 연결하였을 때, 비로소 그럴듯한 서비스나, 데이터 과학 기술이 가능합니다.
연결된 기술 전반을 난이도를 차근차근 올리며, 핵심을 익히시면, 짧은 시간에 효율적으로 깊이있게 익힐 수 있고,
시스템과 데이터 전반이 드디어 이해가 되고, 각 기술에 대한 이해의 깊이도 달라집니다.

이러한 깊이와 눈을 가지면, 비로소 개발자와 데이터 커리어에서 경쟁력을 갖츨 수 있고, 시니어 레벨도 가능합니다.

이를 위해 각 분야의 핵심 기술을 짧은 시간에 정리할 수 있는 로드맵을 만들고 있습니다.

잔재미코딩 개발자, 데이터 분석가/과학자 커리어 로드맵
입문자부터 쉽게 시작해서, 난이도를 조금씩 올리며,
짧은 시간에 웹/앱 전과정과 데이터분석+AI까지 탄탄한 기본기를 쌓을 수 있는 로드맵입니다

데이터 분석/과학 코스: 데이터 분석가/과학자를 위한 탄탄한 기본기 쌓기 

익히는 순서에 따라 번호를 붙여 놓았습니다.

  1. 파이썬 입문과 데이터 수집(크롤링) 기본 [파이썬, 웹, 데이터 이해 기본까지]
  2. 처음하는 SQL과 데이터베이스(MySQL) 부트캠프 [입문부터 활용까지]
  3. 처음하는 MongoDB(몽고DB) 와 NoSQL 데이터베이스 부트캠프 [입문부터 활용까지]
  4. 처음하는 파이썬 데이터 분석 (데이터 전처리와 pandas, 최신 시각화) [데이터과학 Part1]
  5. 처음하는 파이썬 머신러닝 부트캠프 (쉽게! 실제 문제로 개념/활용 익히기) [데이터과학 Part2]
  6. 처음하는 딥러닝과 파이토치 부트캠프 [데이터과학 Part3]

* 현재까지의 데이터 과학 강의 패키지를 할인된 가격으로도 제공합니다 (할인율은 곧 축소 예정입니다)
[입문~초급] 취업을 위한 데이터 과학 기본 기술 쉽게! 꼼꼼하게 익히기  (바로가기)

 

풀스택 코스: 전체 웹/앱 개발을 이해하기 위한 탄탄한 기본기 쌓기

익히는 순서에 따라 번호를 붙여 놓았습니다.

  1. 파이썬 입문과 데이터 수집(크롤링) 기본 [파이썬, 웹, 데이터 이해 기본까지]
  2. 처음하는 SQL과 데이터베이스(MySQL) 부트캠프 [입문부터 활용까지]
  3. 처음하는 MongoDB(몽고DB) 와 NoSQL(빅데이터) 데이터베이스 부트캠프 [입문부터 활용까지]
  4. 가장 빠른 풀스택: 파이썬 백엔드와 웹기술 기본 [풀스택 Part1]
  5. 견고하게 익히는 프론트엔드 기본: javascript (Vanilla JS 와 ES6+) 와 최신 웹기술 [풀스택 Part2]
  6. 도커와 최신 서버 기술(리눅스, nginx, AWS, HTTPS, flask 배포) [풀스택 Part3]
  7. 처음하는 풀스택을 위한 Flutter 부트캠프 [풀스택 Part4]

* 현재까지의 풀스택 강의 패키지를 할인된 가격으로도 제공합니다. (할인율은 곧 축소 예정입니다.)
[입문~중급] 가장 쉽고, 가장 최신 기술로 익히는 풀스택 로드맵 (바로가기)

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
Flutter 기본기를 쌓고자 하시는 분
최신 대세 프론트엔드 기술을 익히고자 하시는 분
풀스택이 되고자 하시는 분
📚
선수 지식,
필요할까요?
어떤 프로그래밍 언어라도 코드 작성을 해본 경험

안녕하세요
잔재미코딩(DaveLee) 입니다.
잔재미코딩(DaveLee)의 썸네일

잔재미코딩, Dave Lee

  • About 잔재미코딩 소개 블로그 [클릭]

  • 주요 경력: 쿠팡 수석 개발 매니저/Principle Product Manager, 삼성전자 개발 매니저 (경력 약 15년)

  • 학력: 고려대 일어일문 / 연세대 컴퓨터공학 석사 (완전 짬뽕)

  • 주요 개발 이력: 삼성페이, 이커머스 검색 서비스, RTOS 컴파일러, Linux Kernel Patch for NAS

  • 저서: 리눅스 커널 프로그래밍, 리눅스 운영 체제의 이해와 개발, 누구나 쓱 읽고 싹 이해하는 IT 핵심 기술, 왕초보를 위한 파이썬 프로그래밍 입문서

  • 운영 사이트: 잔재미코딩 (http://www.fun-coding.org) [클릭]

  • 풀스택/데이터과학 관련 무료 자료를 공유하는 사이트입니다.

  • 기타: 잔재미코딩 유투브 채널 [클릭[ 

    • IT 학습에 도움이 되는 팁/ 짧은 무료 강의를 공유하고자, 조금씩 시작하고 있습니다~

최신 현업과 IT 강의를 병행하며, 8년째 꾸준히 견고한 풀스택과 데이터과학 강의를 만들고 있습니다.

 

커리큘럼 총 94 개 ˙ 26시간 1분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. Dart 시작하기
Dart 첫걸음 미리보기 09:44 Dart 변수 시작하기 미리보기 23:37 Dart 컬렉션: List 미리보기 22:54 Dart 컬렉션: Map 미리보기 13:55
Dart 컬렉션: Set 08:35
Dart 연산자 11:17
Dart 조건문 08:36
Dart 반복문 14:32
Dart 함수 17:26
Dart 익명 함수, 람다 함수, Try Catch 07:34
Dart Null Safety 11:50
직접 풀어봐야 익숙해집니다! Dart 퀴즈와 풀이1 22:06
직접 풀어봐야 익숙해집니다! Dart 퀴즈와 풀이2 22:23
섹션 2. Dart 객체지향 프로그래밍
Dart 클래스, 생성자, Setter/Getter 16:59
Dart 상속, Mixin 12:37
Dart 추상 클래스, 제네릭 14:54
Dart Static, Cascade 06:54
직접 풀어봐야 익숙해집니다! Dart OOP 퀴즈 24:33
섹션 3. Dart 비동기 프로그래밍
Dart Future, Async 19:39
Dart Stream, Async 10:50
직접 풀어봐야 익숙해집니다! Dart Future 퀴즈 11:55
섹션 4. Flutter 시작하기
Flutter에서의 위젯이란? 11:56
Flutter 프로젝트 설정과 코드 시작하기 19:27
Flutter 첫 화면 레이아웃과 가시성 13:25
Container 기본 개념 13:42
Row, Column 기본과 MaterialApp 18:28
Scaffold 속성 19:13
섹션 5. Flutter 위젯 익히며, 바로 만들어보기1
AppBar, Stack, Align 위젯 14:22
Expanded, SingleChildScrollView, Text 위젯 17:35
바로 만들어보기: 날씨 앱 화면 구성하기 08:07
바로 만들어보기: 날씨 앱 화면 그럴듯하게 개선하기 12:59
섹션 6. Flutter 위젯 익히며, 바로 만들어보기2
Font, Image, Assets 위젯 20:39
Icon, IconButton 위젯 21:42
바로 만들어보기: Music 앱 화면 구성하기 19:12
바로 만들어보기: Music 앱 화면 그럴듯하게 개선하기 12:55
섹션 7. Flutter 위젯 익히며, 바로 만들어보기3
MaterialApp과 Material3 08:30
TextField 위젯 21:22
바로 만들어보기: 로그인 화면 구성하기 17:21
바로 만들어보기: 로그인 화면 그럴듯하게 개선하기 08:39
섹션 8. Flutter 중급 위젯 이해하며, 바로 만들어보기1
Stateful Widget 작성 방법 09:53
Checkbox, Radio와 Stateful Widget 14:07
Slider, Switch와 Stateful Widget 08:49
Form과 Stateful Widget 25:46
ListView 사용 방법 25:51
바로 만들어보기: 피드백 서베이 화면 구성하기1 20:35
바로 만들어보기: 피드백 서베이 화면 구성하기2 09:17
바로 만들어보기: 피드백 서베이 화면 그럴듯하게 구성하기 14:34
섹션 9. 플러터 개발에 챗GPT(chatGPT) 활용 팁
플러터 개발에 챗GPT(chatGPT) 활용해서, 플러터 개발 도움받기 팁1 24:59
플러터 개발에 챗GPT(chatGPT) 활용해서, 플러터 개발 도움받기 팁2 09:27
섹션 10. Flutter 중급 위젯 이해하며, 바로 만들어보기2
GridView, PageView 위젯 14:25
바로 만들어보기: 이미지 갤러리 화면 구성하기1 17:59
바로 만들어보기: 이미지 갤러리 화면 구성하기2 15:23
바로 만들어보기: 이미지 갤러리 화면 그럴듯하게 개선하기 11:56
섹션 11. Flutter 중급 위젯 이해하며, 바로 만들어보기3
AlertDialog 위젯 16:46
BottomSheet, TabBar 위젯 23:58
SizedBox, Card 위젯 12:10
Bottom Navigation Bar 위젯 11:43
GestureDetector, Buttons 위젯 20:36
바로 만들어보기: Music Info 화면 구성하기 21:49
바로 만들어보기: Music Info 화면 그럴듯하게 개선하기 13:39
참고: Cupertino App, SafeArea 14:20
섹션 12. Flutter 중급 이해1
위젯 생명 주기(Widget Life Cycle) 13:32
Flutter Key 이해 11:40
Flutter Navigator 이해 15:07
Flutter Routes 이해 12:37
Flutter Navigator 데이터 전달 이해 19:01
섹션 13. Flutter 중급 이해2
Provider 기본 이해 15:38
ChangeNotifierProvider 사용법 이해 18:03
MultiProvider 사용법 이해 13:44
FutureProvider 와 Consumer 이해 16:28
섹션 14. Flutter와 Firebase: 프론트엔드를 넘어 백엔드까지
Firebase 이해와 기본 설정 방법 이해 18:40
Firebase Authentication 설정 및 Flutter 프로젝트 연동 14:55
Firebase Authentication 기반 Flutter 회원가입/로그인/로그아웃 코드 작성 방법 17:03
바로 만들어보기: Firebase Authentication 기반 회원가입/로그인 기능 구현1 23:12
바로 만들어보기: Firebase Authentication 기반 회원가입/로그인 기능 구현2 16:39
바로 만들어보기: Firebase Authentication 기반 회원가입/로그인 기능 구현3 20:40
섹션 15. Flutter와 Firestore: 프론트엔드를 넘어 백엔드 데이터베이스까지
Firestore 이해와 Flutter 프로젝트 연동 방법 17:57
Firestore 기반 Flutter 로 Firestore 데이터 다루기 19:00
섹션 16. 최종 프로젝트로 익히는 실전 Flutter
Flutter와 Firebase/Firestore 까지 활용한 그럴듯한 서비스 만들어보기1 26:08
Flutter와 Firebase/Firestore 까지 활용한 그럴듯한 서비스 만들어보기2 19:45
Flutter와 Firebase/Firestore 까지 활용한 그럴듯한 서비스 만들어보기3 19:31
Flutter와 Firebase/Firestore 까지 활용한 그럴듯한 서비스 만들어보기4 22:55
Flutter와 Firebase/Firestore 까지 활용한 그럴듯한 서비스 만들어보기5 18:19
Flutter와 Firebase/Firestore 까지 활용한 그럴듯한 서비스 만들어보기6 18:55
작성한 그럴듯한 서비스, 안드로이드와 iOS 에뮬레이터에서 실행하기 08:02
참고: 배포를 위한 작업과 제출 참고 사항 32:57
참고: 플러터 개발에 챗GPT(chatGPT) 활용 실제 예 21:20
강의 게시일 : 2023년 06월 15일 (마지막 업데이트일 : 2023년 06월 27일)
수강평 총 7개
수강생분들이 직접 작성하신 수강평입니다.
5
7개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
heegun_youn thumbnail
5
유익한 정보 감사합니다.
2023-09-07
지식공유자 잔재미코딩(DaveLee)
저도 감사드립니다👍
2023-09-08
안일호 thumbnail
5
Flutter 입문하기에 아주 좋은 강의네요! 단순히 언어의 문법 활용 뿐만이 아니라, 앱을 처음부터 만든다고 할때 기획을 어떻게 하면 좋을지나 디자인적 요소까지 강의에 포함되어 특히 좋았습니다ㅎㅎ 현재 저는 프론트엔드 파트를 마무리하는 시점인데, 프로그래밍 초보자로서 섹션10 파트가 특히 좋았고요! 이 파트가 로직에 대해 생각해볼 수 있는 기회가 되어서 여러번 돌려보고 있네요! 이후 백엔드, 데이터베이스 파트도 기대하고 있고요! 믿고 수강하는 잔재미코딩 화이팅입니다~~
2023-06-29
지식공유자 잔재미코딩(DaveLee)
믿고 수강해주셔서 감사드려요^^ 책임감을 갖고 더 열심히 노력하는 '잔재미 코딩'되겠습니다!!
2023-06-29
frontend.daysun thumbnail
5
훌륭한 강의에 감사드립니다. 수년 전 플러터를 배우다가 포기한 사람으로서 좋은 강의를 만나 완주할 수 있었습니다. 반도체 전공자로서 35년간 하드웨어만 연구하며 항상 부족하게 생각했던 분야가 소프트웨어 및 풀스택 설계 기술이었습니다. 학과 서버를 만들려고 시작한 공부인데 풀스택 로드맵 과정을 거치면서 처음 목표보다 다양한 서비스를 구현할 수 있을 것 같습니다. 앞으로도 좋은 강의 부탁드립니다.
2023-07-12
지식공유자 잔재미코딩(DaveLee)
정말 리스펙합니다!!! 새로운 분야를 도전하고 공부한다는 것이 시작도 어렵고 꾸준하기도 어려운데 그걸 해내시다니 본받고 싶습니다~ 저희 '잔재미코딩'과 함께 해주셔서 감사합니다.
2023-07-13
아이개미 thumbnail
5
이 강의는 Flutter를 완전히 정복하는 데 목표를 둔 강의는 아니라고 생각합니다. 그렇지만, Flutter의 기본을 최단 시간 내에 탄탄하게 쌓고, 그 다음은 무엇을 배워야 하는 지 방향을 알려주는 강의라고 생각합니다. 물론 이 강의만을 듣고 훌륭한 앱을 만들 수 있는 사람도 있겠지만, 최소한 저는 그렇지는 않았습니다. 그렇지만, 제가 무엇이 부족한지 알려주고, 부족한 부분을 채우기 위해 노력할 필요를 줄이는 강의라고 생각합니다. 예를 들어 제가 만든 앱에 달력을 넣고 싶어서 table_calendar 문서를 읽어보았을 때 최소한 이해가 안 되어서 갸우뚱하는 일이 없었습니다. 이 강의의 목표가 이런 데에도 있었다고 생각합니다. 이 강의로 모든 것을 만들 수 있다고 생각하는 사람이 들을 강의는 아닌 것 같습니다. 하지만, 이 강의를 들으며 차근차근 공부해나갈 수 있는 사람이 들으면 이만한 강의도 없다고 생각합니다. 총 26시간동안 저는 dart도 모르는 사람이었지만, 지금은 어느정도 API 레퍼런스도 읽어가며 부족한 것들을 채울 수 있게 된 것 같습니다. 좋은 강의 정말로 감사드립니다.
2023-06-29
지식공유자 잔재미코딩(DaveLee)
제가 더 감사드리고 싶은 수강평이네요.~ 앞으로도 더 노력해 좋은 강의 만들어 가도록하겠습니다~!!
2023-06-29
조재영 thumbnail
5
잔재미 코딩님의 인강을 통해서 실력 발전이 체감이 됩니다. 지금까지 잔재미 코딩님의 여러 강의를 봤는데요. 역시나 만족도가 높습니다. 진심으로 감사합니다.
2024-02-23
지식공유자 잔재미코딩(DaveLee)
열심히 수강해주시고 노력하시고 공까지 이렇게 돌려주시니 뿌듯하고 마음이 좋네요~ 감사합니다🥰
2024-02-23
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!