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

[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출! 대시보드

(4.9)
181개의 수강평 ∙  3,913명의 수강생
99,000원

월 19,800원

5개월 할부 시
지식공유자: 코드팩토리
총 486개 수업 (64시간 46분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

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

iOS 앱과 Android 앱을 코드 한번만 작성해서 모두 제작한다! 코드팩토리의 Flutter 초보 탈출 강의! 디테일한 이론과 흥미로운 프로젝트를 진행하며 탄탄한 기본기 쌓기!

✍️
이런 걸
배워요!
Dart언어 마스터하기
Flutter로 예쁜 UI 제작하기
SQLite 데이터베이스 활용하기
동영상 플레이어 앱 제작하기
영상통화 앱 제작하기
구글지도 사용하기
위치서비스 사용하기

10개의 프로젝트를 내 손으로! 💁‍♀️💁‍♂️
이론을 토대로 배우고, 다양한 기능 구현방법을 배워요.

교보문고 2023 상반기 베스트셀러 저자가 직접 가르쳐주는 강의

컴퓨터/IT 부문 23위 TOP30 이내 유일한 앱 개발 서적

 

플러터만으로 2022년 슈퍼루키 달성!

2023년 인프런 베스트 셀러!

대기업에서도 찾는 강의! 리뷰가 증명하는 최고의 강의 보장해드립니다!

 

⏰ Flutter 초급 강의's 타임라인

  • 2022년 7월 18일 : Flutter 3.0 버전 100% 대응완료
  • 2023년 5월 10일 : Flutter 3.10 버전 100% 대응완료
  • 2023년 12월 4일 : 최신 환경에 맞춰 환경설정 강의 재촬영 완료
  • 2024년 04월 22일 : 최신 플러터 및 플러그인 버전 기반으로 본 강의전면 재촬영 완료

 

10개의 프로젝트를 소개합니다 🚩

#1 Hello World

Android Studio와 친해지고 Flutter를 사용하여 앱의 UI를 그리는 법 알아보기

  • Text 위젯 사용해보기
  • 배경색깔 변경해보기
  • 글자 색깔 변경해보기

#2 Splash Screen

모든 앱의 첫 번째 페이지 역할을 하는 Splash Screen 간단 제작

  • Asset 이미지 사용하기
  • Circular Progress Indicator 위젯 사용하기
  • Column 위젯을 이용한 위젯의 배치 알아보기

#3 블로그 웹앱

Web View 기술을 사용하여 현존하는 웹사이트를 앱으로 패키징

  • 오픈소스 패키지 사용하기
  • 플랫폼 별 Native 세팅 변경하기
  • WebView 위젯 사용하기
  • Javascript 권한 열어주기
  • HTTP 프로토콜 열어주기

#4 전자액자

 

 

 

가만히 두면 자동으로 롤링되고 직접 스와이핑이 가능한 전자액자 제작

  • Page View 위젯 사용하기
  • Timer 클래스로 주기적으로 함수 실행하기
  • Stateful Widget 실전에 사용해보기

#5 우리 처음 만난 날 U&I

 

연인과 함께 사용할 수 있는 디데이 어플 제작

  • Font 적용하기
  • Date Picker 사용하기
  • Date Time 클래스 실전 사용
  • Flutter에서 테마 사용법
  • Cupertino Dialog 활용하기

#6 랜덤숫자 생성기

버튼을 누를 때마다, 지정한 숫자 이하의 랜덤 숫자 3개가 생성되는 어플 제작

  • 난수 생성
  • 간단한 Navigation 및 데이터 송수신
  • Slider 위젯 사용하기
  • Functional 프로그래밍을 활용한 위젯 렌더링 및 코드정리

#7 동영상 플레이어

 

동영상을 재생하는 어플 제작

  • Stack 위젯 사용하기
  • Image Picker 라이브러리 사용하기
  • Video Player 라이브러리 사용하기
  • 재생, 정지, 3초 뒤로 돌리기, 3초 앞으로 돌리기 동영상 컨트롤 제작하기

#8 오늘도 출근

 

 

구글지도를 사용하여 간단한 위치기반 서비스 제작

  • 구글지도 세팅하고 사용하기
  • 위치서비스를 이용해서 내 위치 지도에 표시하기
  • 특정 위치간의 거리 구하기
  • 지도에 마커 표시하기
  • 지도에 원 표시하기
  • 특정 위치로 카메라 이동시키기
  • Material Dialog 활용하기 

#9 LIVE- 영상통화

Agora API를 이용한 영상통화 앱 제작

  • Agora API를 이용해서 영상통화 기능 제작하기
  • Box Shadow 사용해보기

#10 캘린더 스케줄러

 

데이터를 장기적으로 저장할 수 있는 달력 스케줄러 앱 제작

  • Drift 패키지를 활용한 SQ Lite 사용하기
  • 간단한 SQL문 배워보기 (select, insert, update, delete, join)
  • Bottom Sheet 활용하기
  • Wrap 위젯 사용하기
  • Table Calendar 패키지 사용하기
  • Dismissible 위젯으로 삭제 애니메이션 구현하기
  • Stream을 통해 데이터의 변화 자동으로 감지하기

#11 미세먼지 앱

 

HTTP 통신을 이용해서 네트워크 요청하는법 배우기!

  • Dio 패키지를 이용한 HTTP 요청
  • 정부 Open API 사용해보기
  • Hive NoSQL 데이터베이스 사용하기
  • 오프라인 지원 및 캐싱 맛보기
  • Drawer 위젯 사용하기
  • CustomScrollView 실전사용


이론도 놓칠 수 없죠! ✍

  • Stateful Widget

    Stateful Widget의 Life Cycle에 대해 배워보고, 각 Life Cycle에 해당되는 함수들이 언제 실행되는지 직접 실습으로 확인할 수 있습니다.

 

  • Row and Column
    Flutter에서 위젯을 배치할때 가장 많이 사용하는 위젯인 Row와 Column 위젯의 파라미터에 대해 학습합니다.

 

  • Date Time
    Date Time 클래스를 사용하여 날짜·시간에 관련된 데이터를 다루는 방법을 배우고, Duration으로 Date Time을 어떻게 조작할 수 있는지도 학습합니다.

 

  • Const Constructor
    Const Constructor를 사용하여 코드를 작성할 때마다 생기던 노란 Warning 줄들을 없애보고 왜 Const Constructor를 사용하는게 Flutter 앱 퍼포먼스에 좋은지 배워봅니다.

 

  • Buttons
    Flutter에서 기본으로 제공해주는 Elevated Button, Text Button 그리고 Outlined Button을 사용하고 꾸미는 법을 학습합니다.

 

  • Navigation
    화면 간 이동을 할 수 있는 Navigation의 각종 기능에 대해 알아보고, 화면 간 데이터를 전송하는 법을 배웁니다.

 

  • Stream Builder와 Future Builder
    비동기 (async) 요청의 결과값으로 화면의 UI를 결정지을 수 있는 가장 효과적이고 쉬운 방법인 Stream Builder와 Future Builder에 대해 학습합니다.

 

  • Buy vs Build
    특정 기능에 대해 직접 제작하는 것과 유료로 구매하는 것 중 어떤 게 좋을지 판단할 수 있는 방법에 대해 배워봅니다.

 

  • Scrollable Widgets
    Flutter에서 스크롤을 가능하게해주는 위젯들에대해 배워봐요!


Flutter 프레임워크를 이용해
간단한 앱을 스스로 제작해보기 📖

Flutter vs React Native 구글 트렌드Flutter vs React Native Google Trends

Flutter는 벌써 수많은 기업들이 주력으로 사용하고 있는 강력한 크로스플랫폼 프레임워크 중 하나입니다. 차트에서도 볼 수 있듯, 오랜 시간 동안 최강자였던 React Native을 제치고 급격하게 성장 중입니다.

본 강의는 초보자들에게 가볍고 친근하게 다가갈 수 있는 프로젝트들과 이론을 적절히 섞어 흥미와 지식의 깊이를 모두 잡을 수 있도록 제작되었습니다. 실제적인 상황을 설계하여, 프로젝트를 진행하며 이 지식이 왜 습득해야하는지 이래를 통해 더욱 깊은 이론을 파볼 수 있는 형태로 구성했습니다.


수강후기를 모았어요 📜

개발 입문자도, Flutter 초보도 이 강의를 듣고나면 Flutter에 대한 자신감이 생겨서 혼자서도 단순한 앱을 개발하고 스스로 초급 이상의 지식을 깨우칠 수 있는 수준까지 다다를 수 있습니다.
🏭 코드팩토리 유튜브 에도 많은 컨텐츠들이 있습니다!


최고의 커뮤니케이션 🧑🏼‍🏫

매주 유튜브 라이브를 통해 질의응답을 받으며 학생들과 소통합니다!

유튜브 라이브 푸쉬알림을 받고싶으시면 아래 코드팩토리 유튜브 채널을 구독해주세요!

> 코드팩토리 유튜브 채널 바로가기


코드팩토리 집필 서적

Must Have 코드팩토리의 플러터 프로그래밍 서적은 제가 오랜 기간 투자해서 직접 집필한 책입니다!
초급 강의와 곂치는 내용도 있고 초급강의에는 없는 Firebase 및 광고등에대한 강의도 있습니다!
EBook이나 실물 서적을 좋아하시는 분들에게 추천드립니다!
서적은 교보문고, Yes24, 알라딘등 메이저 서점에서 만나 볼 수 있습니다!
아래 이미지를 클릭해서 이동해주세요!


기타 사항 ✔️

예상 질문에 미리 답해드립니다 💬

Q. Flutter를 왜 배워야 하나요?

Flutter는 크로스플랫폼 앱 개발 프레임워크예요. 원래는 iOS앱과 Android 앱을 모두 다른 언어와 다른 프레임워크를 사용해서 개발해야하는데, Flutter는 하나의 소스코드로 두개의 플랫폼에 모두 출시 가능해요. 그래서 앱을 개발하는데 드는 금전적 비용과 시간적 비용을 많이 아낄 수 있어요. 추가적으로 Google이 제작한 프레임워크이면서도 요즘 Google에서 많이 밀어주고 있어서 미래가 더 기대되는 프레임워크라 배워두면 좋아요.

Q. React Native나 Native보다 Flutter를 배우는게 무조건 좋나요?

모든 프레임워크는 상황과 목적에 따라 장단점이 있기에 이런 류의 질문에 대답은 항상 'NO'예요. Flutter는 하나의 소스코드로 매우 빠르게 iOS, Android 두 플랫폼에 모두 앱을 출시할 수 있지만 Native보다 아직 라이브러리들도 많이 모자라고 완성도에서 약간 뒤쳐져요. React Native는 세상에서 가장 대중적인 언어 중 하나인 Javascript 언어를 사용한다는 장점이 있고 생긴지 오래되었으니 아직까지는 Flutter보다 대중적으로 사용되고 있어요.

Q. 프로그래밍을 한번도 배워본 적 없는데 수강 가능할까요? 비전공자인데도 괜찮을까요?

제 유튜브 영상으로 생애 첫 프로그래밍을 성공적으로 이루신 분들이 많습니다. Flutter가 아니더라도 모든 프로그래밍은 입문자에게 상당한 진입장벽이 존재하지만, 이 강의에서 저는 그 진입 장벽을 최대한 낮추기 위해 많이 노력했어요. 우선 무료로 공개해둔 Dart 언어 강의를 먼저 봐보고 난이도가 어떤지 확인해보시고, 어렵다면 코드팩토리 공식 커뮤니티에서 도움을 받으세요.

🏭 코드팩토리 유튜브
🔥 코드팩토리 Discord
💬 코드팩토리 카카오 오픈톡

Flutter 강의를 구매하시면 코드팩토리 디스코드 서버 플러터 프리미엄 채널에 들어오실 수 있습니다! 디스코드 서버에 들어오시고 저에게 메세지로 강의를 구매하신 이메일을 보내주시면 프리미엄 채널에 등록해드려요! 프리미엄 채널에 들어오시면 모든 질의응답 우선으로 답변해드립니다!

Q. 제작이 완료된 강의인가요?

현재는 초보탈출 목적에 부합한 강의 구성이예요. Flutter는 초급, 중급, 고급 세개의 난이도로 나누어서 강의를 제작할 계획인데 UI, 간단한 인기 라이브러리 사용법 등은 모두 강의인 초급 강의에 추가될 예정이예요. 여러분들께 전달해주고싶은 지식이 아직 많이 남아있으니 기대해주세요!

Q. 애플 맥이 있어야 하나요?

Windows 컴퓨터로도 강의를 따라올 수 있지만 iOS 앱 빌드는 불가능해요. 그 이유는 애플이 iOS 앱은 애플의 운영체제인 맥에서만 빌드가 되도록 설계했기 때문이에요. Flutter는 플랫폼 간 일관화가 매우 잘 되어있어서 Windows 컴퓨터로 안드로이드 화면을 보며 코딩을 해도 나중에 똑같은 코드를 iOS에서 빌드했을때 같은 앱이 나온다 생각하셔도 무방해요. 배포를 하고싶다면 중고로 Flutter와 호환되는 옛날 맥북이라도 구매하시는걸 추천드려요.

Q. 컴퓨터 스펙은 좋아야하나요?

아무래도 시뮬레이터/에뮬레이터를 돌리면 개발이 편하기 때문에 컴퓨터 스펙이 너무 낮으면 실행이 느릴 수 있어요. 만약에 컴퓨터 스펙이 낮으면 실제 기기를 사용해서 코딩하시는 걸 추천드려요! 필요 스펙은 매번 바뀔 수 있으니 링크로 남겨드릴게요.
windows 요구 스펙 / Mac 요구 스펙 / Linux 요구 스펙

Q. Flutter 설치가 안돼요.

좋은 개발자가 되려면 고립되어 문제를 해결하는 능력도 매우 중요하기에, 열심히 해보고 도저히 안되겠으면 💬 코드팩토리 카카오 오픈톡으로 문의주세요!

Q. 영상에 문제가 있어요.

영상 재생과 인터넷 통신에 관련된 문의는 인프런에 해주시면 됩니다. 그 외 영상의 순서가 잘못됐거나, 편집이 서툴러서 이해하기 어려운 부분이 있다면 바로 오픈톡으로 문의주세요. 절대적 1순위로 개선해서 새로 업로드를 진행하도록 할게요! 저도 여러 번 확인을 하지만 너무 많은 영상을 관리하다보니 착오가 있을 수 있어요.

Q. 수업 내용을 어느 정도 수준까지 다루나요?

Flutter에서 UI를 만들어내는데 필요한 지식들은 모두 담으려고 노력했어요. 추가적으로 간단한 프론트엔드 데이터베이스 관리, 네트워크 요청, 기본적인 상태관리 등도 포함할 계획이예요.

현재 추가 예정인 내용들

  • HTTP 요청 관련 강의 (Dio와 Retrofit 사용하기)
  • Hive를 사용한 데이터관리 및 간단한 캐싱
  • Provider를 이용한 간단한 상태관리

Provider 패키지 외 인기 상태관리 패키지들은 중급 강의에서 다룰 예정이예요! (BloC, GetX등)
그 외, 제가 제작했으면 하는 지식·기술이 있다면 저와 소통할 수 있는 여러 채널을 통해 전달해주세요. 적극적으로 고려할게요!

Q. Play Store, App Store에 앱을 출시하는 법에 대한 강의는 없나요?

초보 강의에 추가할 예정입니다. 강의가 나오기전에 출시를 먼저 해보고싶으시면 Flutter 공식 홈페이지의 가이드를 확인해주세요.
안드로이드 앱 출시하기 / iOS 앱 출시하기


기타 사항 ✔️

(1) 도움받고 배울 수 있는 다른 채널들!

🏭 코드팩토리 유튜브
🔥 코드팩토리 Discord
💬 코드팩토리 카카오 오픈톡

(2) 강의용으로 공유되는 이미지

강의에서 제가 제공해드리는 이미지들은 유료로 직접 구매한 이미지들이예요. 저는 창작물을 만들어 배포해드릴 수 있는 권리를 구매했지만 여러분들은 절대로 다른 사람 또는 인터넷에 이미지를 배포하시면 안돼요! 저작권 위반으로 법적 문제가 생길 수 있으니 공부하는 용도 외로 이미지들을 사용하지 마세요.

(3) 질문하는 법

프로그래밍을 배우면서 정말 빠르게 실력을 늘릴 수 있는 법은 올바르게 정확한 질문을 하는 법을 깨우치는거예요. 프로그래밍의 특성상 코드의 전체를 다 봐주기 어려워요. 그러니 문제가 되는 위젯의 코드를 통째로 올린 후 "이거 안돼요!" 하시면 제가 답변을 해드리기 어려워요.
질문을 하실 때는, 밑의 3단계로 잘 정리해서 전달해주시면 훨씬 빠르게 소통하고 답변을 드릴 수 있어요!

1️⃣  내가 생각했을때 어떤 식으로 작동이 되어야 하는지
2️⃣  현재 어떻게 작동되는지
3️⃣  정확한 코드의 위치와 어떤 문제가 생기는지 (예제까지 있으면👏)

(4) 추가 확정된 강의

  • 정부 API를 이용한 미세먼지 측정 앱 (완료)
  • Provider 패키지를 이용한 상태관리 (코드팩토리 중급강의 Riverpod 참고 [Provider 100% 호환])
  • Hive 데이터베이스 사용하기 (완료)

지식공유자를 소개합니다 ✒️

오프라인 강의 경험

  • 밀리의서재 개발자대상 Flutter 교육 강사
  • 서울디지텍고등학교 Flutter 특강 강사

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
앱 개발자가 되고싶은 분
프로그래밍 초보
소통하며 도움받는 걸 중요하게 생각하는 분
코드를 한 번만 작성해서 Android와 iOS앱을 모두 제작하고 싶으신 분
📚
선수 지식,
필요할까요?
개발에 대한 지식이 있으면 좋지만 필수는 아닙니다.

안녕하세요
코드팩토리 입니다.
코드팩토리의 썸네일

안녕하세요 프로그래밍 강사 코드팩토리입니다!

코드팩토리 통합 링크
https://links.codefactory.ai

 

🏭 코드팩토리 유튜브 바로가기
🔥 코드팩토리 Discord 바로가기
💬 코드팩토리 카카오 오픈톡 바로가기

 

💼 주식회사 코드팩토리 대표

 

🏆 2023년 인프런 베스트셀러 수상

🏆 <<Must Have 코드팩토리의 플러터 프로그래밍>> 서적 2023 상반기 교보문고 컴퓨터/IT 부문 베스트셀러 23위

🏆 AWS Certified Developer Associate

🏆 AWS Certified Solutions Architect

커리큘럼 총 486 개 ˙ 64시간 46분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. 사전준비
강의 리소스 준비하기 03:50
!!필독!! 단순 에러 해결법들 정리
섹션 2. [이론] 플러터 소개
플러터 소개 13:10
섹션 3. [환경설정] MacOS 환경설정하기
!!필독!! 환경설정에서 헤매시는 분들
소개 및 시스템 사양 확인하기 02:58
[M시리즈 애플 실리콘만] Rosetta 설치하기 02:25
Homebrew 설치하기 02:11
Flutter SDK 설치 방법 1 - Brew로 설치하기 01:33
Flutter SDK 설치 방법 2 - 직접 설치하기 03:44
XCode 설치하기 04:06
Android Studio 설치하기 08:59
Android Emulator 세팅하기 07:59
iOS Simulator 설정하기 02:56
섹션 4. [환경설정] Windows 환경설정하기
Git 설치하기 02:38
시스템 사양 알아보기 02:42
Flutter SDK 설치하기 06:32
Android Studio 설치하기 06:37
Emulator 세팅하기 13:08
섹션 5. [프로젝트] [★☆☆☆☆] Hello World
프로젝트 목표 01:03
프로젝트 생성하기 08:50
기본 프로젝트 안드로이드와 아이폰에서 모두 실행하고 콘솔창 확인 해보기 04:53
화면 중앙에 글자 렌더링 하기 10:04
위젯이란? 05:33
배경 색상과 글자 색상 변경해보기 04:12
Dart Format으로 코드 정리해서 가독성 높이기 05:15
섹션 6. [이론] Widget Tree (위젯 트리)
Widget Tree (위젯 트리) 04:31
섹션 7. [프로젝트] [★☆☆☆☆] Splash Screen (스플래시 스크린)
프로젝트 소개 03:04
YAML 구조 04:41
Asset 파일 pubspec.yaml에 등록하기 07:08
Image 위젯 사용해보기 04:14
Hex Code를 사용해서 색상 지정하기 03:47
Column 위젯 사용해보기 04:48
CircularProgressIndicator 위젯 사용해보기 01:29
StatelessWidget 선언해보기 07:08
stless 단축어 사용해서 StatelessWidget 생성하기 02:01
Padding 위젯 사용해보기 &amp; Hot Reload 사용해보기 04:44
SizedBox 위젯 사용해보기 03:10
Show Context Action 사용해보기 05:23
섹션 8. [이론] Row & Column
프로젝트 소개 16:00
프로젝트 초기화 05:54
Row &amp; Column 공부를 위한 준비 12:07
Column MainAxisAlignment 02:19
Row MainAxisAlignment 01:12
Column MainAxisSize 01:04
Row MainAxisSize 00:34
Column CrossAxisAlignment 02:17
Row CrossAxisAlignment 01:16
Expanded Widget 03:09
Flexible Widget 02:40
Challenge 00:22
Challenge 해답 05:28
섹션 9. [이론] Padding
프로젝트 세팅하기 01:43
EdgeInsets.all 생성자 01:50
EdgeInsets.symmetric 생성자 01:28
EdgeInsets.only 생성자 01:28
EdgeInsets.fromLTRB 생성자 01:21
섹션 10. [프로젝트] [★☆☆☆☆] 블로그 웹앱
프로젝트 목표 02:28
Semantic Versioning 06:47
Pub.dev 구경 및 외부 패키지 추가해보기 10:50
안드로이드 네이티브 세팅 변경하기 02:12
import 문 사용해서 다른 파일의 코드 불러오기 05:07
AppBar 디자인하기 04:27
WebView 초기화하기 05:16
웹사이트 웹뷰에 띄우기 & 다큐멘테이션 읽어보기 11:02
콜백 함수 이용해서 홈으로 버튼 만들어보기 06:11
JavascriptMode 변경하기 04:22
섹션 11. [이론] StatefulWidget
StatefulWidget 20:07
StatefulWidget 실습 06:44
StatefulWidget 생성해보기 04:33
setState() 함수와 build() 함수의 관계 02:03
섹션 12. [이론] Widget Life Cycle
StatelessWidget 라이프 사이클 이론 02:31
StatelessWidget 라이프 사이클 실습 03:47
StatefulWidget 라이프 사이클 이론 18:06
StatefulWidget 라이프 사이클 실습 세팅하기 09:22
StatefulWidget Life Cycle 실습 - 1 07:15
StatefulWidget Life Cycle 실습 - 2 02:57
StatefulWidget Life Cycle 실습 - 3 06:12
섹션 13. [프로젝트] [★☆☆☆☆] Image Carousel (전자액자)
프로젝트 소개 02:09
Timer 이론 03:43
Timer 실습 03:09
프로젝트 초기화 및 이미지 화면에 렌더링하기 05:05
PageView 사용해보기 07:51
Timer에 Controller 사용하기 10:46
섹션 14. [이론] DateTime & Duration
DateTime & Duration 이론 13:40
DateTime & Duration 실습 08:30
섹션 15. [프로젝트] [★★☆☆☆] U&I 우리 사귄지 몇일
프로젝트 소개 01:37
폰트 에셋파일 추가하기 08:17
레이아웃 작업하기 11:11
디자인 마무리하기 07:34
테마 적용해보기 13:06
DatePicker 사용해보기 13:19
선택된 날짜 상태관리하기 06:39
상태 상위로 올리기 16:03
미래 날짜 선택 가능한 버그 수정하기 04:31
섹션 16. [이론] Constraint
이론 06:18
실습 05:35
섹션 17. [이론] Alignment
Alignment 위젯 정복하기 04:22
섹션 18. [프로젝트] [★★☆☆☆] Random Number Generator (쓸데없이 이쁜 랜덤 숫자 생성기)
프로젝트 소개 02:14
프로젝트 기본세팅 03:06
레이아웃 작업하기 05:24
UI 디자인하고 코드 정리하기 07:48
어려움!! 랜덤숫자 map() 함수 사용해서 매핑하기 09:30
Text 위젯 대신 Image 위젯 사용해서 화면에 숫자 보여주기 02:19
String 스플릿하기 07:18
상태 상위로 올리기 06:34
랜덤 숫자 생성하기 06:16
Queue와 Stack 이론 03:49
Navigator 사용해서 네비게이션 해보기 12:33
세팅화면에 숫자 렌더링하기 06:01
공통 컴포넌트 제작하기 05:05
Slider 위젯 사용해보기 10:34
push()와 pop() 함수로 스크린간 아규먼트 주고받기 05:05
push() 실행한 스크린에 아규먼트 보내주기 02:55
섹션 19. [이론] BuildContext란?
BuildContext란 무엇인가? 08:48
섹션 20. [이론] Buttons
기본 버튼 타입 3개 살펴보기 03:57
ElevatedButton 08:09
OutlinedButton과 TextButton 03:04
MaterialStateProperty.all() 알아보기 07:04
MaterialStateProperty.resolveWith() 알아보기 05:46
Shape 사용해보기 05:18
IconButton 사용해보기 02:15
섹션 21. [이론] Navigation
프로젝트 세팅하기 10:11
Argument 보내는법 06:58
Declarative Routing과 Named Routes 08:22
pushReplacement() 배워보기 04:10
pushAndRemoveUntil() 배워보기 03:00
maybePop() 배워보기 02:29
canPop() 배워보기 01:41
PopScope 위젯 배워보기 04:07
섹션 22. [프로젝트] [★★☆☆☆] Video Player (동영상 플레이어)
프로젝트 소개 01:26
HomeScreen 디자인하기 08:16
Gradient 배경 설정하기 05:34
에뮬레이터와 시뮬레이터에 동영상 추가하기 03:20
Ternary Operator로 위젯 스위칭하기 05:44
동영상 선택하는 기능 구현하기 07:09
Video 변수 VideoPlayer 위젯으로 전달하기 02:34
화면에 동영상 보여주기 06:46
Stack 사용해서 영상 위에 아이콘 배치하기 06:07
재생&중지 버튼 만들기 04:10
Controller에 Listener 추가하기 04:54
앞으로 돌리기 & 뒤로 돌리기 기능 구현하기 04:30
동영상 현재 재생 위치와 영상 길이 보여주기 07:59
코드 리팩터링하기 08:46
다른 영상 선택하는 기능 추가하기 05:51
슬라이더 위젯으로 영상 재생 위치 반영하기 03:10
탭 할때마다 컨트롤 보여주고 감추기 05:04
섹션 23. [프로젝트] [★★★☆☆] 오늘도 출첵! 출퇴근 확인 앱
!!필독!! 흔한 에러 해결법
프로젝트 소개 01:04
GCP에서 API 키 받아오기.m4v 06:37
Google Maps 플러그인 세팅하기 05:57
Geolocator 플러그인 세팅하기 05:18
화면에 Google Maps 보여주기 04:05
여의도로 카메라 위치 변경하기 00:43
iOS 시뮬레이터에서 내 위치 변경하기 00:53
Android 에뮬레이터에서 내 위치 변경하기 01:01
위치권한 확인하는 함수 작성하기 08:31
FutureBuilder 사용해서 권한 상태에 따라 다른 UI 보여주기 05:47
Google Maps UI 툴 사용해보기 03:40
내 위치로 지도 이동시키기 07:31
지도에 Marker 위치하기 02:53
지도에 원 그리기 03:00
출근하기 버튼 UI 만들기 02:36
출첵 로직 작성하기 05:30
거리에 따라 출근 가능 또는 불가능 설정하기 10:07
코드 정리하기 05:30
섹션 24. [이론] FutureBuilder & StreamBuilder
FutureBuilder 12:38
StreamBuilder 03:59
섹션 25. [프로젝트] [★★★☆☆] Video Call (영상통화)
프로젝트 소개 03:00
Agora 가입하기 05:42
플러그인 설치하기 05:31
Asset 파일 추가하기 02:59
HomeScreen UI 코딩하기 08:55
CamScreen 레이아웃 만들기 07:15
RTC 엔진 초기화하기 11:02
나를 찍고있는 카메라 화면 보여주기 04:30
상대방 카메라 화면 보여주기 06:48
프로젝트 마무리하기 04:59
섹션 26. [이론] Buy vs Build
Buy vs Build 08:25
섹션 27. [프로젝트] [★★★★☆] Calendar Scheduler (일정관리 앱)
프로젝트 소개 02:08
Pubspec 파일 작업하기 02:18
달력에서 날짜 선택하기 10:46
달력 스타일링하기 13:23
Intl 패키지 사용해서 언어 한국어로 변경하기 03:17
캘린더 컴포넌트 리팩터링하기 05:58
TodayBanner 작업하기 06:14
ScheduleCard 만들기 16:22
BottomSheet 보여주기 03:23
시간 텍스트필드 작업하기 07:03
TextFormField의 Expand 프로퍼티 사용해보기 06:05
카테고리 색상 렌더링하기 06:17
BottomSheet 디자인 마무리하기 13:16
ScheduleModel 생성하기 04:49
ScheduleModel 사용해서 ScheduleCard 보여주기 09:15
ListView itemBuilder()와 separated() 생성자 알아보기 09:50
validate() 함수 TextFormField에 적용하기 12:35
onSave() 함수 테스트하기 02:17
위젯트리 상위로 validate() 함수 올리기 06:08
onSaved() 함수 작업하기 04:48
validate() 함수 작업하기 05:44
일정 메모리에 생성하기 13:42
SQL 기본기 24:57
Drift 소개 08:45
Drift Table 모델 만들기 07:07
Code Generation 실행하기 19:05
SQL 메서드 선언하기 08:37
Insert & Select 테스트하기 07:43
일정 생성하기 06:18
일정 불러오기 07:50
where() 쿼리 사용해서 데이터베이스에서 일정 필터링하기 06:09
Dismissible 위젯 사용해보기 04:47
Dismiss 되면 일정 삭제하기 07:12
FutureBuilder 대신 StreamBuilder 사용하기 07:20
정렬하기 05:11
update() 함수 작업하기 02:10
기존 일정 업데이트하는 기능 만들기 11:19
저장하기 버튼에 기존 일정 수정기능 추가하기 01:50
CategoryTable 생성하기 04:07
데이터 Join 하기 09:56
Many to One Relationship 생성 및 가져오기 10:23
Migration-1 기본 개념 06:00
Migration-2 기본값 설정하기 01:52
마무리 03:26
섹션 28. [이론] Scrollable Widgets
SingleChildScrollView 32:14
ListView 19:50
GridView 16:41
Reorderable ListView 18:22
CustomScrollView List 13:27
CustomScrollView Grid 07:35
CustomScrollView Appbar 12:04
CustomScrollView Header 17:50
Scrollbar 03:45
RefreshIndicator 06:05
섹션 29. [프로젝트] [★★★★★] Dusty Dust (미세먼지)
프로젝트 소개 02:16
pubspec 파일 세팅하기 03:56
MainStat 컴포넌트 제작하기 11:13
CategoryStat 컴포넌트 제작하기 15:33
HourlyStat 컴포넌트 제작하기 06:47
에어코리아 API 키 발급받기 04:17
HTTP 이론 16:03
Postman으로 API 테스트하기 09:43
Dio 사용해서 HTTP 요청 해보기 12:56
StatModel 만들기 09:33
JSON 반환값을 StatModel로 변경하기 13:15
Isar 설치하기 03:27
Isar Collection 생성하기 05:10
Unique Constraint 테스트하기 09:29
존재하는 데이터 중복으로 삽입하지 않는 로직 추가하기 03:33
모든 ItemCode 관련해서 데이터 가져오기 03:36
이미 존재하는 데이터 중복 요청 방지하기 03:54
데이터베이스에서 데이터 가져오기 06:33
StatusModel 만들기 06:16
Status Level 생성하기 03:07
UI에 StatusLevel 반영하기 05:40
StatusUtils로 상태 가져오는 로직 작업하기 05:58
CategoryStat에 실제 데이터 적용하기 05:04
HourlyStat에 실제 데이터 적용하기 08:04
상태에 따라 색상 변경하기 04:26
Drawer 사용해보기 05:47
ScrollView를 CustomScrollView로 변환하기 07:40
섹션 30. [이론] TabBar Widgets
인트로 06:00
TabBar 기본 05:53
TabBar 스타일링하기 10:50
Tab Controller 사용하기 10:00
BottomNavigationBar 08:26
섹션 31. 아래부터는 2024년 4월 22일 이전 강의
섹션 32. [@Deprecated] [환경설정] MacOS 환경설정하기
이 이후의 강의들은 옛날 버전의 강의입니다.
!!필독!! 환경설정에서 헤매시는 분들 미리보기
소개 및 시스템 사양 확인하기 02:58
[M시리즈 애플 실리콘만 진행] Rosetta 설치하기 02:25
Homebrew 설치하기 02:11
Flutter SDK 설치 방법 1 - Brew로 설치하기 01:33
Flutter SDK 설치 방법 2 - 직접 설치하기 03:44
XCode 설치하기 04:06
Android Studio 설치하기 08:59
Android Emulator 세팅하기 07:59
iOS Simulator 세팅하기 02:56
섹션 33. [@Deprecated] [환경설정] Windows 환경설정 하기
Git 설치하기 02:38
시스템 사양 알아보기 02:42
Flutter SDK 설치하기 06:32
Android Studio 설치하기 06:37
Emulator 세팅하기 13:08
섹션 34. [@Deprecated] [세팅] Flutter 세팅하기
최신 강의로 환경설정을 진행해주세요 미리보기
!!필독!! 현재 안드로이드 스튜디오 설치 버그
Mac 세팅하기 미리보기 37:23
Windows 사용하시는 분들 보세요!
Windows 세팅하기 미리보기 20:28
Android에서 실행 에러가 날경우 이 강의를 꼭 봐주세요!!!!
각종 설치 에러 정리
섹션 35. [@Deprecated] @@@필독@@@ 단순 에러 해결법들 정리
단순 에러 해결법들 정리
섹션 36. [@Deprecated] [프로젝트] [★☆☆☆☆] Hello World 앱 제작하기
Flutter 프로젝트 생성해보기 09:30
Flutter Hello World 05:45
위젯 트리란? (Widget Tree) 01:47
섹션 37. [@Deprecated] [프로젝트] [★☆☆☆☆] Splash Screen 앱 제작하기
프로젝트 소개 미리보기 01:41
Asset 추가하기 05:57
StatelessWidget 사용해보기 08:00
Column 위젯 사용해보기 09:00
Hex Code 색상 사용해보기 03:52
섹션 39. [@Deprecated] [프로젝트] [★☆☆☆☆] 블로그 웹앱
M1 맥 에러 나시는분 필독!!!
프로젝트 목표 미리보기 02:28 Semantic Versioning 미리보기 06:47
Pub.dev 구경 & 외부 패키지 추가해보기 10:50
안드로이드 네이티브 세팅 변경하기 02:12
import문 사용해서 다른 파일의 코드 불러오기 05:07
AppBar 디자인하기 04:27
WebView 초기화하기 05:16
웹사이트 웹뷰에 띄우기 & 다큐멘테이션 읽어보기 11:02
콜백 함수 이용해서 홈으로 버튼 만들어보기 06:11
JavascriptMode 변경하기 04:22
섹션 40. [@Deprecated] [프로젝트] [★☆☆☆☆] 블로그 웹앱
[!!!!필독!!!!]
M1 맥 에러나시는분 !!!필독!!!
프로젝트 소개 미리보기 01:48
프로젝트에 패키지 추가하기 07:59
웹뷰 플러그인 업데이트에의한 추가세팅
WebView 사용해보기 07:44
Controller 사용해보기 08:58
Android와 iOS에서 HTTP 프로토콜을 사용하는법 05:01
WebView 4.x 버전 대응하기! 07:58
섹션 41. [@Deprecated] [이론] StatefulWidget
이론 11:42
StatefulWidget 선언하기 09:50
Life Cycle 확인하기 14:25
섹션 42. [@Deprecated] [프로젝트] [★★☆☆☆] 전자액자
프로젝트 소개 미리보기 01:23
PageView 위젯 사용해보기 07:52
Timer 사용해보기 04:14
PageController 사용해보기 08:59
섹션 43. [@Deprecated] [이론] DateTime 및 Duration
이론 07:58
섹션 45. [@Deprecated] [이론] Const Constructor
이론 07:58
섹션 46. [@Deprecated] [프로젝트] [★★☆☆☆] 쓸데없이 이쁜 랜덤숫자 생성기
프로젝트 소개 미리보기 01:11
레이아웃 만들기 10:14
디자인 적용하기 08:59
Map 함수로 실전 적용! 07:19
조건에 맞게 Padding 적용하기 04:34
난수 생성하기 06:50
코드정리 04:58
Navigation으로 화면 이동 해버리기~! 04:26
Slider 위젯 사용하기 08:57
다음 스크린에서 결과값 받아오기 09:33
다음 스크린에 변수 전달하기 19:08
섹션 47. [@Deprecated] [이론] Buttons
이론 28:01
섹션 48. [@Deprecated] [이론] Navigation
공부할 환경 세팅하기 08:09
Argument 전달하기 07:41
Named Route 08:08
알고있으면 좋은 Push 메소드들 08:55
알고있으면 좋은 Pop 메소드들 09:00
섹션 49. [@Deprecated] [프로젝트] [★★☆☆☆] 동영상 플레이어
프로젝트 소개 미리보기 01:12
안드로이드 multidex에러 해결법
HomeScreen 구현하기 17:30
조건에 따라 다른 위젯 렌더링하기 09:36
ImagePicker 사용해보기 08:47
동영상 위에 버튼들 올리기 17:47
Slider 적용하기 16:40
마무리쓰 11:23
섹션 50. [@Deprecated] [프로젝트] [★★★☆☆] 오늘도 출근 - 근태관리 앱
프로젝트 소개 미리보기 03:36
아이폰 시뮬레이터 위치서비스 버그!
안드로이드에서 내 위치 변경 지도가 안보이시는분
세팅하기 16:41
구글지도 사용해보기 08:56
앱 권한 관리하기 09:45
FutureBuilder 위젯 사용하기 11:15
지도에 원을 그리는법 09:45
지도에 마커를 그리는법 04:59
StreamBuilder 위젯 사용하기 11:12
출첵 상태관리 15:25
카메라 위치 애니메이션으로 이동하기 08:17
섹션 51. [@Deprecated] [이론] StreamBuilder and FutureBuilder
FutureBuilder 뽀개버렷! 13:57
StreamBuilder 뽀개버렷! 07:07
섹션 52. [@Deprecated] [프로젝트] [★★★☆☆] 영상통화 NOW 6.x.x
@@@@필독@@@@ 영상통화 강의 버전
프로젝트 소개 03:28
프로젝트 세팅 15:25
안드로이드 권한
HomeScreen 설계 16:00
Permission Handler 권한관리 11:00
영상통화 작업하기 24:20
웹으로 재접속시 연결 안되는 버그 수정
실전설계 02:06
섹션 53. [@Deprecated] [프로젝트] [★★★☆☆] 영상통화 NOW 4.x.x
Flutter 3.x 호환알림
프로젝트 소개 미리보기 03:28
프로젝트 세팅 15:25
Agora API 버전 업데이트 06:04
HomeScreen 설계 14:03
Permission Handler로 권한 관리 10:39
영상통화 채널 참여하기 10:29
프로젝트 마무리하기 12:54
실전 설계 02:06
섹션 54. [@Deprecated] [이론] Buy vs Build
이론 12:34
섹션 55. [@Deprecated] [프로젝트] [★★★★☆] 캘린더 스케쥴러
프로젝트 소개 미리보기 04:55
세팅하기 07:49
Table Calendar 소개 14:37
Table Calendar 스타일링 해버리기~! 12:27
Intl 패키지를 이용한 다국어 사용 08:39
TodayBanner 설계 10:33
ScheduleCard 설계 14:36
ListView 위젯 사용하기 08:35
BottomSheet 사용하기 10:05
Wrap 위젯 사용하기 13:33
TextField 마무리하기 11:27
SQL 기본기 21:12
프로젝트 테이블 구조 09:42
Column 기능들 06:26
데이터베이스 생성하기 14:06
Flutter의 특별한 기능 - Code Generation 11:15
색상정보 DB에 넣기 09:39
TextFormField로 전환하기 12:46
ValidationMode 사용해보기 06:14
Form을 저장하는법 08:02
Select 쿼리 UI에 적용해보기 12:05
색상 상태관리 09:22
Schedule 저장해버리기~! 08:06
Stream으로 쿼리 결과값 받아오기 02:57
Timezone!! 시차 고려하기 08:47
쿼리에 직접 Where 필터 적용하기 11:40
Join 쿼리 사용해보기 11:17
OrderBy로 정렬하기 02:52
TodayBanner 위젯 개선하기 02:15
Delete 쿼리 적용해보기 08:51
Update 쿼리 적용 및 마무리~ 21:38
섹션 56. [@Deprecated] [이론] Scrollable Widgets
SingleChildScrollView 뽀개버리기 32:15
ListView 뽀개버리기 19:51
GridView 뽀개버리기 16:42
ReorderableListView 뽀개버리기 18:23
CustomScrollView - SliverList 뽀개버리기 13:28
CustomScrollView - SliverGrid 뽀개버리기 07:36
CustomScrollView - SliverAppBar 뽀개버리기 12:05
CustomScrollView - SliverPersistentHeader 뽀개버리기 17:51
Scrollbar 뽀개버리기 03:46
RefreshIndicator 뽀개버리기 06:06
섹션 57. [@Deprecated] [프로젝트] [★★★★★] 미세먼지 앱
프로젝트 소개 미리보기 05:15
미세먼지 API 링크!!
정부 API 승인받기 09:43
프로젝트 세팅하기 06:33
SliverAppBar 세팅하기 12:30
Drawer 디자인하기 15:22
CategoryCard 제작하기 16:05
CategoryCard 정리하기 11:42
HourlyCard 작업하기 13:44
HourlyCard 정리하기 01:33
HTTP와 REST API 08:34
API Documentation 읽는법 09:15
Postman 사용법 12:28
Dio로 API 테스트해보기 08:37
데이터 모델링 23:33
데이터 모델 수정 03:06
StatusModel 제작하기 13:55
StatusLevel 상수 작업하기 12:35
SliverAppBar에 데이터 적용하기 20:37
DataUtils 작업하기 11:04
"지역" 상태관리하기 06:27
모든 ItemCode에 대한 요청 처리하기 08:16
다수의 비동기 요청 병렬로 처리하기 09:48
CategoryCard에 데이터 적용하기 21:38
HomeScreen 색상 스타일링 마무리 06:54
HourlyCard 데이터 적용하기 19:17
스타일링 마무리하기 16:14
Hive 소개 02:53
Hive 실습 27:48
아답터 생성 및 적용 15:16
프로젝트에 Hive 적용하기 16:03
HomeScreen 코드 정리하기 14:41
CategoryCard 코드 정리하기 06:27
HourlyCard 코드 정리하기 12:30
중복 요청 제거하기 12:56
마무리 06:52
***Bad State: No Element 버그수정 04:52
섹션 58. [@Deprecated] [이론] TabBar
수업준비 06:01
기본 탭바 05:54
탭바 스타일링 10:51
탭 컨트롤러 사용하기 10:01
BottomNavigationBar 08:27
xxx
강의 게시일 : 2022년 03월 02일 (마지막 업데이트일 : 2024년 04월 23일)
수강평 총 181개
수강생분들이 직접 작성하신 수강평입니다.
4.9
181개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
한정욱 thumbnail
5
보통의 온라인 강의는 화면 속에서 강사는 떠들고 학생은 따라 치기 바쁜데 이 강의는 온라인 커뮤니티를 통해서 강사가 직접 오류 수정을 도와주고 강의 오류도 바로 잡아준다. 그런 점에서 오프라인 강의만큼 효과적으로 학습할 수 있었다. 그리고 운 좋으면 강사의 노래를 라이브로 들을 수 있다 정말 최고다!
2022-11-10
지식공유자 코드팩토리
감사합니다~!
2022-11-28
hooow thumbnail
5
드디어 다 들었네요 플루터 완전 지식없이 그냥 쌩으로 들었는데 화면 배치나 그리는거 감은 잡았어요 아직 화면 만들 때 무슨 위젯이 필요한지 위젯명은 모르겠지만 위젯명만 알 수 있으면 문서나 구글링으로 그릴 수 있을거 같아요 추가 강의나 중급 강의에서는 실제 앱에서 많이 쓰는 기능인 스플래시 스크린, 온보딩 스크린, 로그인, http 통신 등이 하나의 앱에서 구조화??되어 실제 사용하는 앱 같은 예제가 있었으면 좋겠습니다!
2022-06-21
지식공유자 코드팩토리
안녕하세요! 정확히 그런 구조의 프로젝트가 짜여지고있습니다~ 원하시는 중급강의가 될 것 같네요! 추가로 깊은 상태관리, 캐싱시스템 관리, 데이터 모델링, Optimistic Response, Pagination등 강의 하나만 추가로 더 들으면 REST API 연동 꽉 잡을 수 있도록 해드릴게요~
2022-06-21
treasure3210 thumbnail
5
코드팩토리님 안녕하세요, 예전에 캐나다 거주중인데 수강 전에 해외 취업 관련 가능성 여쭤봤던 플러터누비입니다. 강의를 듣다가 여러 사이드 프로젝트들을 진행하게 되고 iOS 공부도 별도로 하다보니 완강이 늦어졌는데, 미뤄뒀던 공부를 드디어 마쳤네요. 여러 플러터 강의를 한국어 혹은 영어로 들어봤지만 코드팩토리님의 접근 방식과 이해시켜주시는 방법은 단연 최고라 생각합니다. 아직 취업은 못하였지만 코드팩토리님 덕에 플러터로 개발하는게 굉장히 편해지고 왜, 어떤식으로 코드가 작성이 되었고 어디서 찾아봐야하는지에 대한 이해도도 높아졌습니다. 주변에서 플러터 배우고 싶다고 얘기하면 한국분들에 한해 이 강의를 매번 추천하고 있습니다. 좋은 강의 만들어주셔서 감사합니다. 바쁜 일정이 끝나 취업 준비하면서 중급 강의도 열심히 달려보려합니다! 감사합니다!!
2023-05-07
지식공유자 코드팩토리
감사합니다~!
2023-05-07
바코드 thumbnail
3
처음에 context라는 용어를 굉잫이 많이 사용하는데 아무리 사전 지식이 있어서 나중에 알려준다고 한들, 처음에 간단하게만 짚고 넘어갔으면 하고 생각합니다. 강의 초반에서 중반까지 끊임없이 등장하는데 나중에 알려주겠다고 그냥 넘어가시는데 답답한 면이 없지 않아 있네요. 물론 구글링해서 직접 알아볼수도 있지만 그렇지 않은 학생들을 위해서 이렇게 몇자 남겨 봅니다.
2022-12-27
지식공유자 코드팩토리
안녕하세요 답답함을 느끼셨다니 죄송합니다. context는 한국어로 문맥이라는 뜻입니다. 실제로 context를 이용해서 현재 위젯트리의 상태를 파악할 수 있습니다. 그래서 Theme.of(context)와 MediaQuery.of(context)등을 사용하면 위젯트리 상위에 위치한 Theme이나 MediaQuery를 가져올 수 있습니다!
2022-12-27
coconut-gamja thumbnail