실제 수업 자료
설명과 코드를 함께 확인하세요.
위젯의 동작과 사용 패턴을 정리한 문서로 설명합니다. 강의 후에는 필요한 기능을 다시 찾아보고, 제공하는 예제 코드로 직접 활용할 수 있습니다.
풀스택 로드맵 Part4
풀스택을 위한Flutter 앱개발 부트캠프
Dart부터 Flutter, Firebase까지
직접 만들며 익히는 앱 개발
어떻게 배우는지, 강사가 직접 설명합니다.
- 학습 수준
- 프로그래밍 경험자
Flutter 입문 - 수강 기간
- 기간 제한 없이
반복 학습 - 프로젝트 실습
- 앱 화면 구성
Firebase 연동 - 전체 영상 94개
- 약 24시간 30분
- 함께 제공해요
- 상세 자료
질의응답
네카라쿠배도 사내 강의로 선택하는 공식 강의!
Dart부터 앱 서비스까지 차근차근 익히는 Flutter
본 강의는 Dart 언어부터 Flutter 화면 구성과 Firebase 연동까지 체계적으로 익히는 과정입니다. 문법과 위젯을 하나씩 익힌 뒤, 직접 화면을 만들고 기능을 연결합니다.
코드를 많이 보는 것만으로 익숙해지기는 어렵습니다. 주요 코드 패턴과 기능을 작은 예제로 나누고, 퀴즈와 화면 개선 실습을 거쳐 실제 앱 프로젝트로 이어갑니다.
상세 문서와 모든 예제 코드 파일을 제공합니다. Flutter 개발에 ChatGPT를 활용하는 팁도 함께 다루어, 익힌 기본기를 개발 과정에서 활용할 수 있도록 구성했습니다.
- 01 · Dart 기본기
문법과 문제 풀이로
기반을 탄탄하게변수와 컬렉션, 조건문과 함수부터 객체지향, Null Safety와 비동기 처리까지 익힙니다. 직접 퀴즈를 풀며 Flutter 코드를 읽고 작성할 기본기를 쌓습니다.
Dart · OOP · Future · Stream
- 02 · 직접 만드는 화면
위젯을 연결해
앱 화면으로레이아웃과 입력 폼, 목록·갤러리·탭 화면을 만듭니다. 상태 관리와 화면 이동을 익히며 단순한 화면을 동작하는 앱으로 발전시킵니다.
Flutter · Widgets · Provider
- 03 · 서비스 기능 구현
로그인과 데이터,
Firebase로 연결Firebase Authentication으로 회원가입과 로그인을 구현하고 Firestore 데이터를 다룹니다. 최종 프로젝트를 Android·iOS 에뮬레이터에서 실행합니다.
Firebase · Authentication · Firestore
피드백 반영
강의를 수시로 업데이트하고 있습니다. 학습 중 개선이 필요한 점은 질의응답란에 남겨주세요.
자료와 실제 수업 화면
수업 후에도 찾아보기 쉽도록,
문서와 예제를 함께 제공합니다.
강의를 조금 더 자세히
무엇을, 어떻게 배우는지
자세히 살펴보세요.
프로그래밍 경험을
앱 개발로 넓히고 싶다면
아이디어를 앱으로 구현하려는 분, 프런트엔드 역량을 넓히고 싶은 개발자, Flutter와 풀스택 개발을 익히려는 분을 위한 과정입니다. 하나의 프로그래밍 언어를 경험했다면 Dart와 Flutter를 처음부터 따라갈 수 있습니다.
프로그래밍 자체가 처음이라면 파이썬 기초 강의를 먼저 익히거나 함께 수강해 주세요. Flutter는 여러 플랫폼을 위한 화면을 만들 수 있는 기술입니다. 본 강의에서는 앱 화면 구성과 기능 연동을 중심으로 배우고, Android·iOS 에뮬레이터에서 결과를 확인합니다.
위젯 하나를 이해하고,
직접 화면에 써봅니다.
강사가 여러 시행착오를 거치며 정리한 학습 순서를 담았습니다. 완성된 코드를 한꺼번에 따라 쓰기보다, 중요한 패턴과 기능을 나누어 익힌 뒤 직접 연결합니다.
문서로 개념과 사용법을 확인하고, 예제로 동작을 살펴봅니다. 이어서 화면을 만들고 개선하면서 익힌 위젯을 반복해 사용합니다. 강의가 끝난 뒤에도 필요한 기능을 빠르게 찾아 활용할 수 있도록 구성했습니다.
Dart 기본기부터
화면과 상태 관리까지
- Dart 문법과 퀴즈: 변수, List·Map·Set, 조건문과 반복문, 함수와 Null Safety를 익히고 직접 문제를 풉니다.
- 객체지향과 비동기: 클래스와 생성자, 상속과 Mixin, 제네릭, Future·Stream을 예제와 함께 정리합니다.
- 화면 구성과 입력: 기본 레이아웃, 이미지와 버튼, Form과 입력 필드, 목록과 갤러리, 탭과 다이얼로그를 활용합니다.
- 상태와 화면 이동: Stateful Widget, 위젯 생명주기와 Key, Navigator와 Routes, Provider 기반 상태 관리를 익힙니다.
화면에 인증과 데이터를 연결해
하나의 서비스를 만듭니다.
앱을 서비스로 만들려면 화면뿐 아니라 사용자 인증과 데이터 처리가 필요합니다. Firebase의 기본 설정부터 Flutter 프로젝트 연동까지 직접 진행합니다.
Authentication으로 회원가입·로그인·로그아웃을 구현하고, Firestore로 데이터를 다룹니다. 마지막 프로젝트에서는 배운 기능을 연결한 서비스를 만들고 에뮬레이터에서 실행합니다. 배포 준비와 제출 시 참고할 사항도 별도 강의로 안내합니다.
Flutter 기본기에
ChatGPT 활용을 더합니다.
Flutter 개발에 ChatGPT를 활용하는 팁과 실제 예시를 포함했습니다. 기본 문법과 위젯의 동작을 익힌 뒤, 개발 과정에서 필요한 코드와 설명을 얻는 데 활용합니다.
생성된 코드도 이해하고 동작을 확인할 수 있어야 합니다. 강의는 Dart·Flutter 기본기를 쌓고 직접 구현하는 과정을 중심에 두고, AI 활용을 함께 연결합니다.
강의에서 직접 만드는
화면과 프로젝트
날씨와 음악 화면, 로그인과 피드백 폼, 이미지 갤러리와 Firebase 연동까지. 각 위젯과 문법의 예제 외에도 아래 화면을 직접 구성하고 개선합니다. 화면을 누르면 원본 크기로 볼 수 있습니다.
예제 코드는 파일로,
상세 문서는 온라인 이북으로
모든 Flutter 예제 코드를 파일로 제공합니다. 강의에서 작성한 코드를 다시 실행하고 바꾸며 연습할 수 있습니다.
문서 자료는 PDF 형태의 온라인 이북으로 제공합니다. 배운 내용을 다시 찾아보기 위한 자료이며, 저작권 보호를 위해 문서의 복사 및 다운로드는 제한합니다. 코드 파일 제공과 문서 이용 조건은 구별해 주세요.
앱 개발 다음에는,
목표에 맞는 기술을 연결하세요.
기술을 따로 익히면 하나의 서비스를 만드는 과정이 막막할 수 있습니다. 잔재미코딩 로드맵은 같은 강사의 설명과 자료로 난이도를 높이며, 관련 기술을 연결하는 흐름을 다룹니다.
프로그래밍 기초부터 백엔드와 프런트엔드, 서버 배포와 앱 개발까지 함께 익히고 싶다면 하단의 풀스택 로드맵을 확인해 주세요. 데이터·AI·CS 학습으로 이어지는 로드맵도 함께 안내합니다.
현업과 병행하며 10년간 10만 명을 강의한 경험을 바탕으로, 수강자의 입장에서 내용을 구성합니다. 처음에는 쉽게 시작하고, 반복과 문제 풀이를 통해 실제 활용까지 이어지도록 설명합니다.
강의 경험은 인프런 외 다양한 교육 플랫폼, 자체 잔재미코딩 사이트와 오프라인 교육을 포함합니다.
하나하나 세심하게 신경 쓰며 강의를 만들어갑니다. 서로 배려하는 질의응답으로 함께 배우는 학습 환경을 지향합니다.
공개된 실제 수강평 확인하기 ↗상세 커리큘럼
총 교육시간 약 24시간 30분
02
강의 자료와 Flutter 와 Android Studio 설치4개 항목
- 강의 자료 [꼭 들어주세요!!!~]
- 강의 자료/코드 다운로드
- Flutter 와 Android Studio 설치 (맥) [라이브 강의]
- Flutter 와 Android Studio 설치 (윈도우) [라이브 강의]
03
Dart 시작하기13개 항목
- Dart 첫걸음
- Dart 변수 시작하기
- Dart 컬렉션: List
- Dart 컬렉션: Map
- Dart 컬렉션: Set
- Dart 연산자
- Dart 조건문
- Dart 반복문
- Dart 함수
- Dart 익명 함수, 람다 함수, Try Catch
- Dart Null Safety
- 직접 풀어봐야 익숙해집니다! Dart 퀴즈와 풀이1
- 직접 풀어봐야 익숙해집니다! Dart 퀴즈와 풀이2
04
Dart 객체지향 프로그래밍5개 항목
- Dart 클래스, 생성자, Setter/Getter
- Dart 상속, Mixin
- Dart 추상 클래스, 제네릭
- Dart Static, Cascade
- 직접 풀어봐야 익숙해집니다! Dart OOP 퀴즈
05
Dart 비동기 프로그래밍3개 항목
- Dart Future, Async
- Dart Stream, Async
- 직접 풀어봐야 익숙해집니다! Dart Future 퀴즈
06
Flutter 시작하기6개 항목
- Flutter에서의 위젯이란?
- Flutter 프로젝트 설정과 코드 시작하기
- Flutter 첫 화면 레이아웃과 가시성
- Container 기본 개념
- Row, Column 기본과 MaterialApp
- Scaffold 속성
07
Flutter 위젯 익히며, 바로 만들어보기14개 항목
- AppBar, Stack, Align 위젯
- Expanded, SingleChildScrollView, Text 위젯
- 바로 만들어보기: 날씨 앱 화면 구성하기
- 바로 만들어보기: 날씨 앱 화면 그럴듯하게 개선하기
08
Flutter 위젯 익히며, 바로 만들어보기24개 항목
- Font, Image, Assets 위젯
- Icon, IconButton 위젯
- 바로 만들어보기: Music 앱 화면 구성하기
- 바로 만들어보기: Music 앱 화면 그럴듯하게 개선하기
09
Flutter 위젯 익히며, 바로 만들어보기34개 항목
- MaterialApp과 Material3
- TextField 위젯
- 바로 만들어보기: 로그인 화면 구성하기
- 바로 만들어보기: 로그인 화면 그럴듯하게 개선하기
10
Flutter 중급 위젯 이해하며, 바로 만들어보기18개 항목
- Stateful Widget 작성 방법
- Checkbox, Radio와 Stateful Widget
- Slider, Switch와 Stateful Widget
- Form과 Stateful Widget
- ListView 사용 방법
- 바로 만들어보기: 피드백 서베이 화면 구성하기1
- 바로 만들어보기: 피드백 서베이 화면 구성하기2
- 바로 만들어보기: 피드백 서베이 화면 그럴듯하게 구성하기
11
플러터 개발에 챗GPT(chatGPT) 활용 팁2개 항목
- 플러터 개발에 챗GPT(chatGPT) 활용해서, 플러터 개발 도움받기 팁1
- 플러터 개발에 챗GPT(chatGPT) 활용해서, 플러터 개발 도움받기 팁2
12
Flutter 중급 위젯 이해하며, 바로 만들어보기24개 항목
- GridView, PageView 위젯
- 바로 만들어보기: 이미지 갤러리 화면 구성하기1
- 바로 만들어보기: 이미지 갤러리 화면 구성하기2
- 바로 만들어보기: 이미지 갤러리 화면 그럴듯하게 개선하기
13
Flutter 중급 위젯 이해하며, 바로 만들어보기38개 항목
- AlertDialog 위젯
- BottomSheet, TabBar 위젯
- SizedBox, Card 위젯
- Bottom Navigation Bar 위젯
- GestureDetector, Buttons 위젯
- 바로 만들어보기: Music Info 화면 구성하기
- 바로 만들어보기: Music Info 화면 그럴듯하게 개선하기
- 참고: Cupertino App, SafeArea
14
Flutter 중급 이해15개 항목
- 위젯 생명 주기(Widget Life Cycle)
- Flutter Key 이해
- Flutter Navigator 이해
- Flutter Routes 이해
- Flutter Navigator 데이터 전달 이해
15
Flutter 중급 이해24개 항목
- Provider 기본 이해
- ChangeNotifierProvider 사용법 이해
- MultiProvider 사용법 이해
- FutureProvider 와 Consumer 이해
16
Flutter와 Firebase: 프론트엔드를 넘어 백엔드까지6개 항목
- Firebase 이해와 기본 설정 방법 이해
- Firebase Authentication 설정 및 Flutter 프로젝트 연동
- Firebase Authentication 기반 Flutter 회원가입/로그인/로그아웃 코드 작성 방법
- 바로 만들어보기: Firebase Authentication 기반 회원가입/로그인 기능 구현1
- 바로 만들어보기: Firebase Authentication 기반 회원가입/로그인 기능 구현2
- 바로 만들어보기: Firebase Authentication 기반 회원가입/로그인 기능 구현3
17
Flutter와 Firestore: 프론트엔드를 넘어 백엔드 데이터베이스까지2개 항목
- Firestore 이해와 Flutter 프로젝트 연동 방법
- Firestore 기반 Flutter 로 Firestore 데이터 다루기
18
최종 프로젝트로 익히는 실전 Flutter9개 항목
- Flutter와 Firebase/Firestore 까지 활용한 그럴듯한 서비스 만들어보기1
- Flutter와 Firebase/Firestore 까지 활용한 그럴듯한 서비스 만들어보기2
- Flutter와 Firebase/Firestore 까지 활용한 그럴듯한 서비스 만들어보기3
- Flutter와 Firebase/Firestore 까지 활용한 그럴듯한 서비스 만들어보기4
- Flutter와 Firebase/Firestore 까지 활용한 그럴듯한 서비스 만들어보기5
- Flutter와 Firebase/Firestore 까지 활용한 그럴듯한 서비스 만들어보기6
- 작성한 그럴듯한 서비스, 안드로이드와 iOS 에뮬레이터에서 실행하기
- 참고: 배포를 위한 작업과 제출 참고 사항
- 참고: 플러터 개발에 챗GPT(chatGPT) 활용 실제 예
19
Outro1개 항목
- [Outro] Flutter 와 풀스택 개발에 도움이 되는 이야기
20
강의 완강 인증서 발급2개 항목
- 강의 수강평 및 제안사항
- 강의 완강 인증서 발급
수강 전 확인해 주세요
학습과 이용 안내
Flutter가 처음이어도 시작할 수 있나요?
한 가지 프로그래밍 언어를 경험했다면 시작할 수 있습니다. 프로그래밍 자체가 처음이라면 파이썬 기초를 먼저 익히거나 함께 수강하는 것을 권합니다.
화면만 만들고 끝나는 강의인가요?
아닙니다. Dart와 Flutter 위젯에서 시작해 상태 관리, 화면 이동, Firebase 인증과 Firestore 데이터 처리까지 이어집니다. 마지막에는 기능을 연결한 앱 프로젝트를 만듭니다.
앱 배포도 다루나요?
완성한 서비스를 Android와 iOS 에뮬레이터에서 실행하고, 배포 준비와 제출 시 참고할 사항을 안내합니다. 모든 플랫폼의 배포 절차를 전부 다루거나 앱스토어 심사 승인을 보장하는 과정은 아닙니다.
자료는 다운로드할 수 있나요?
모든 Flutter 예제 코드는 파일로 제공합니다. 문서 자료는 온라인 PDF 이북 형태로 확인할 수 있으며, 저작권 보호를 위해 문서의 복사 및 다운로드는 제한합니다.
ChatGPT 활용도 포함되어 있나요?
Flutter 개발에 도움을 받는 활용 팁과 실제 프로젝트 예시가 포함되어 있습니다. Dart와 Flutter 기본기를 먼저 익히고, 작성한 코드와 동작을 이해하며 활용하는 흐름입니다.
전체 분량과 무료 공개 범위는 어떻게 되나요?
전체 94개 영상, 약 24시간 30분 분량입니다. 무료 영상은 3개입니다. 커리큘럼의 무료보기 링크에서 확인해 주세요. 학습 사이트 로그인이 필요할 수 있습니다.
수강 기간·질의응답
수강 기간에 제한 없이 학습할 수 있습니다. 강의 내 질의응답과 수시 업데이트를 제공합니다.
자료·수료증
상세 학습 자료를 함께 제공합니다. 강의 100% 수강 시 공식 수료증을 발급받을 수 있습니다.
결제·학습 환경
기존 자체 사이트의 국내·해외 결제와 LearnWorlds 학습 시스템을 사용합니다. 영상은 스트리밍으로 수강합니다.
계정·환불·문의
1인 1계정을 원칙으로 합니다. 구매 전 이용 약관과 환불 규정을 확인해 주세요. 궁금한 점은 문의하기로 남겨주세요.
환불·수강 기간·계정 이용 규정 자세히 보기
환불 규정
기존 사이트에 안내된 환불 규정입니다. 구매 전 결제 화면과 이용 약관도 함께 확인해 주세요.
- 강의(개별 강의 및 패키지) 구매일로부터 1주일(7일) 이내이며, 5강(유/무료 포함) 미만 수강 시 전액 환불이 가능합니다.
- 구매일로부터 8일 혹은 5강 이상 수강 시: 수강 기간 1/3 경과 전에는 수강료 2/3, 1/2 경과 전에는 수강료 1/2 환불이 가능합니다. 수강 기간 1/2 경과 후 또는 강의 자료 챕터 클릭 시에는 환불이 불가합니다.
- 모든 강의는 수강 기간이 무제한이므로, 환불 시의 수강 기간은 강의 구매일로부터 30일을 기준으로 계산합니다.
학습 규정 및 주의 사항
정상 수강 기간(유료 수강 기간)은 최초 180일이며, 181일 이후 무료 수강 기간은 무제한입니다. 두 기간 모두 동일하게 시청 가능합니다. 천재지변, 폐업 등 서비스 중단이 불가피한 상황에는 서비스가 종료될 수 있습니다.
1인 1계정 원칙
동시 접속과 계정 공유는 시스템적으로 제한합니다. 학습 페이지는 1대에서만 접속할 수 있으며 다른 곳에서 동시 수강할 경우 학습이 자동 제한됩니다. 계정 공유 또는 수강 자료 외부 공개가 확인되면 계정이 즉시 중지됩니다.
수료증·수강 기록·영수증
강의별 100% 수강 시 공식 수료증을 다운로드할 수 있습니다. 발급 기록과 일련번호를 통한 수료증 확인, 로드맵별 수료증·강의 시간 등 별도 수강 기록, 결제 영수증 재발급이 필요하면 수강 계정과 함께 문의하기로 요청해 주세요.
국내·해외 결제 영수증은 결제 완료 화면에서 확인하고 인쇄할 수 있습니다. 해외 결제는 로드맵 및 개별 강의 구매에 지원하며, 계좌 이체는 별도로 문의해 주세요.
본 강의 다음에는
기본기를 쌓았다면,
목표에 맞는 다음 단계로.
IT 기술은 서로 연결되어 있습니다. 연결된 기술의 핵심을 익히고 난이도를 차근차근 높이면, 시스템과 데이터 전반을 이해하는 눈을 기를 수 있습니다.
각 분야의 로드맵은 Dave Lee 강사가 직접 만듭니다. 학습 순서와 강의 간 연결을 고려해, 같은 강사의 설명과 자료로 다음 단계까지 이어갈 수 있도록 구성했습니다.
데이터 분석·과학
가장 빠른 데이터 전과정 로드맵
파이썬과 데이터 수집에서 SQL·NoSQL, 분석·시각화, 머신러닝·딥러닝으로 이어집니다.
자세히 보기웹·앱 개발
가장 빠른 풀스택 로드맵
프로그래밍 기초에서 백엔드·프론트엔드, 서버와 배포, 앱 개발까지 이어집니다.
자세히 보기AI 활용
가장 확실한 최강 AI 활용 로드맵 (2026)
클로드코드 업무 자동화부터 바이브코딩, 데이터 분석과 AI 에이전트 개발까지 익힙니다.
자세히 보기개발·데이터의 기초외부사이트
컴퓨터공학(CS) 풀로드맵
컴퓨터구조·운영체제·네트워크부터 시스템 소프트웨어, 자료구조·알고리즘까지 익힙니다.
자세히 보기풀스택 로드맵 Part4
Dart부터 한 단계씩,
직접 만드는 Flutter 앱.
무료 강의로 설명 방식을 먼저 확인하고 시작하세요.
12%₩80,000₩70,000
한 번 결제로 수강 기간 제한 없이