커리큘럼
섹션 1
첫 앱 만들기
섹션 시작하기시작펼치기접기첫 Flutter 앱 만들기: Flutter란 무엇인지, 위젯 트리, 텍스트와 스타일, 색상이 있는 상자, 패딩, 행과 열, 아이콘과 이미지, 그리고 필요한 Dart 문법을 배웁니다. 명함 앱을 완성합니다.Hello, Flutter
6 개 강의68행과 열
6 개 강의68아이콘과 이미지
5 개 강의55섹션 2
앱에 상호작용 추가하기
섹션 시작하기시작펼치기접기사용자에게 반응하는 앱 만들기: 버튼, 함수와 Console, StatefulWidget과 setState, const와 final, if와 불리언을 이용한 조건 판단, 텍스트 필드, 스위치, 체크박스와 슬라이더, 그리고 이를 뒷받침하는 Dart 문법을 배웁니다. 팁 계산기 앱을 완성합니다.버튼
5 개 강의57함수
3 개 강의35상태가 있는 위젯
6 개 강의610조건문
5 개 강의58텍스트 필드
5 개 강의57스위치와 슬라이더
3 개 강의34프로젝트: 팁 계산기
프로젝트5 개 강의56섹션 3
목록과 화면
섹션 시작하기시작펼치기접기여러 화면으로 구성된 앱 만들기: 스크롤 목록과 목록 타일, 카드와 그리드, 데이터를 위한 사용자 정의 Dart 클래스, 화면 간 이동과 데이터 전달, 탭, 드로어와 스와이프하여 삭제하기를 배웁니다. 레시피 북 앱을 완성합니다.카드와 그리드
3 개 강의33나만의 클래스 만들기
6 개 강의611여러 화면 사용하기
5 개 강의58탭, 드로어와 스와이프
5 개 강의58프로젝트: 레시피 북
프로젝트6 개 강의67섹션 4
화면 크기에 맞는 레이아웃
섹션 시작하기시작펼치기접기모든 휴대폰 화면에 맞는 화면 만들기: Expanded, Flexible, Spacer로 행의 공간 나누기, 오버플로 오류 확인과 해결, Wrap, Stack과 Positioned, SafeArea, 최대 너비, 화면 크기와 브레이크포인트, enum과 switch, 앱 테마와 다크 모드를 배웁니다. 음악 플레이어 화면을 완성합니다.한 행을 공유하기
4 개 강의45오버플로 오류
5 개 강의56위젯 쌓기
4 개 강의45크기와 중단점
4 개 강의44열거형과 switch
3 개 강의33테마와 다크 모드
5 개 강의56프로젝트: 뮤직 플레이어
프로젝트5 개 강의55섹션 5
상태 관리
섹션 시작하기시작펼치기접기위젯과 화면 간 데이터 공유하기: 값과 콜백으로 상태 끌어올리기, 모델 클래스에 필요한 Dart 문법, ChangeNotifier를 사용하는 Provider, ConsumerWidget, StateProvider와 Notifier를 사용하는 Riverpod, 그리고 각각을 언제 사용할지 배웁니다. 두 화면에서 공유하는 장바구니를 완성합니다.상태 끌어올리기
4 개 강의48모델을 위한 Dart
4 개 강의48Provider
7 개 강의714Riverpod
6 개 강의612프로젝트: 쇼핑 카트
프로젝트6 개 강의68섹션 6
데이터와 네트워크
섹션 시작하기시작펼치기접기데이터를 기다리는 앱 만들기: Future, async와 await, FutureBuilder를 이용한 로딩 표시기, try와 catch를 이용한 오류 처리, 서버의 JSON을 Dart 클래스로 변환하기, 당겨서 새로고침하기, intl을 이용한 날짜와 가격 표시를 배웁니다. 날씨 앱을 완성합니다.Future
4 개 강의46로딩 화면
5 개 강의58호출이 실패할 때
5 개 강의56JSON
5 개 강의59날짜와 가격
3 개 강의33프로젝트: 날씨 앱
프로젝트5 개 강의56섹션 7
프로젝트
섹션 시작하기시작펼치기접기지금까지 배운 내용을 모두 활용해 네 가지 앱을 단계별로 완성합니다: 할 일 목록, 퀴즈, 장바구니가 있는 상점, 연속 기록과 다크 모드를 지원하는 습관 추적기입니다. 각 프로젝트를 다른 사람에게 보여 줄 수 있는 완성도 높은 앱으로 마무리합니다.프로젝트: 할 일 목록
프로젝트9 개 강의910프로젝트: 퀴즈
프로젝트9 개 강의99프로젝트: 스토어
프로젝트9 개 강의99프로젝트: 습관 추적기
프로젝트9 개 강의99
제공되는 것
코딩을 배우기 위해 사용할 모든 것
해보면서 배우기
실제 코드를 작성하고, 데이터베이스를 쿼리하고, 웹사이트를 구축하고, AI 프롬프트를 마스터하세요. 인터랙티브 레슨으로 현대 개발자에게 필요한 모든 기술을 다룹니다.
playground.js
코드 편집기
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3 return greeting + " " + name
4}
5
테스트 #1
테스트 #2
테스트 #3
입력
"Alex"
출력
"Hello, Coddy! Alex"
연속 기록을 쌓아보세요
꾸준히 하고 성장하는 모습을 지켜보세요! 매일 코딩 습관을 추적하고, 동결 기능으로 연속 기록을 보호하고, 매일 참여해서 보상을 받으세요.
12 일 연속
내일도 돌아와서 연속 기록을 유지하세요!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
더블 오어 낫싱
7일 중 5일차
연속 기록 동결
2 left
당신은 혼자가 아닙니다
글로벌 리더보드에서 경쟁하고, 친구를 초대해서 보상을 받고, 서로의 성공을 축하하세요. 코딩은 친구와 함께하면 더 좋아요!
챌린저 리그상위 7명 승급
1
Alex7+ Days
2840
2
Jordan7+ Days
2650
3
Sam7+ Days
2420
4
Casey
2180
5
Morgan7+ Days
1950
승급 구역모든 방식으로 학습
읽고, 듣고, 스스로 확인하고, AI에게 묻고, 이미 배운 내용을 찾아보세요. 모든 수업이 당신에게 맞춰집니다.
변수 입문
오디오
변수는 나중에 프로그램에서 참조할 값을 저장하는, 이름이 있는 컨테이너입니다.
Python에서는 이름, 등호, 저장할 값을 차례대로 써서 만듭니다.
값은 시간이 지나며 바뀔 수 있습니다. 재할당하면 그 이름이 새로운 값을 가리킵니다.
1xSarah
수료증을 받으세요
완료한 모든 코스에 대해 인증서를 받으세요. LinkedIn 프로필과 이력서에 추가하여 고용주에게 코딩 전문성을 보여주세요.
수료증이 인증서는홍길동성공적으로 완료했음을 증명합니다
Python 기초
Python 기초
날짜2026년 1월
LinkedIn에 추가Coddy에서 Flutter를 배우는 이유
- 코드와 앱이 나란히 있습니다. 실행을 누르면 앱이 Coddy 서버에서 컴파일되고, 에디터 옆 휴대폰 화면에서 Flutter 웹 엔진으로 실행됩니다. 핫 리로드는 변경 사항을 보여 주면서 앱의 상태를 유지하고, 콘솔에는
print()출력과 오류가 표시됩니다. 확인을 누르면 앱이 화면에 보여 주는 내용으로 레슨이 채점됩니다. - Flutter도 Dart도 몰라도 시작할 수 있습니다. 첫 섹션에서는
Text, 색 상자, 여백,Row와Column, 아이콘과 이미지로 위젯 트리를 만들고 명함 앱으로 마무리합니다. 두 번째 섹션에서는 버튼,StatefulWidget과setState,const와final, 텍스트 입력, 스위치와 슬라이더로 앱이 반응하게 만들고 팁 계산기로 끝납니다. - 화면이 여러 개인 앱: 스크롤 목록, 카드와 그리드, 직접 만든 Dart 클래스, 화면 이동, 탭, 드로어, 스와이프해서 삭제하기. 그다음 어떤 휴대폰에도 맞는 레이아웃:
Expanded,Flexible,Spacer, 오버플로 오류와 해결 방법,Stack,SafeArea, 브레이크포인트, 테마와 다크 모드. - 실제 앱처럼 상태와 데이터를 다룹니다. 상태 끌어올리기,
Provider와ChangeNotifier, Riverpod와ConsumerWidget,Notifier, 그리고 언제 무엇을 쓸지. 이어서 Future,async와await,FutureBuilder,try와catch, 서버에서 받은 JSON을 Dart 클래스로 바꾸는 법을 배우고 날씨 앱으로 마무리합니다.
Flutter 학습에 관해 자주 묻는 질문
Flutter를 배우려면 Dart를 알아야 하나요?
아니요. Flutter 앱은 Dart로 작성하지만, 이 강의는 필요한 Dart를 진행하면서 가르칩니다. 변수, 함수,
if, 클래스, async와 await를 앱에서 처음 필요할 때 배웁니다. 프로그래밍 경험은 필요 없습니다.Dart 강의를 먼저 들을까요, 플러터부터 시작할까요?
앱을 만들고 싶다면 여기서 시작하세요. 첫 레슨부터 Flutter 앱을 작성하고 그 안에서 Dart를 배웁니다. 명령줄 프로그램이나 더 깊은 Dart처럼 언어 자체를 먼저 배우고 싶다면 Dart 강의를 먼저 들으세요. 그러면 이 강의를 더 빨리 진행할 수 있습니다.
Android Studio나 에뮬레이터, 휴대폰이 필요한가요?
아니요. 앱은 Coddy 서버에서 컴파일되어 브라우저 안의 휴대폰 화면에서 실행되므로, Flutter SDK를 설정하거나 에뮬레이터를 켤 필요가 없습니다. 강의는 웹사이트에서 컴퓨터나 휴대폰 브라우저로 들을 수 있고, Coddy 모바일 앱에는 없습니다. 나중에 Android나 iOS용 앱을 출시하려면 내 컴퓨터에 Flutter를 설치하면 되고, 여기서 작성한 코드는 그대로 쓸 수 있습니다.
이 Flutter 강의에서 어떤 앱을 만드나요?
섹션마다 앱 하나로 끝납니다. 명함, 팁 계산기, 레시피북, 음악 플레이어 화면, 두 화면이 함께 쓰는 장바구니, 날씨 앱입니다. 마지막 섹션에서는 4개를 더 단계별로 만듭니다. 할 일 목록, 퀴즈, 장바구니가 있는 쇼핑 앱, 연속 기록과 다크 모드가 있는 습관 트래커입니다.
Flutter 강의는 무료인가요?
네. 레슨, 앱 미리보기, AI 힌트, 수료증이 모두 무료입니다. 무료 계정으로 하루에 몇 개의 레슨을 진행할 수 있고, Pro는 하루 제한을 없애 줍니다.
Flutter 강의 수료증을 받을 수 있나요?
네. 7개 섹션을 하나씩 마칠 때마다 무료 수료증을 받습니다. 수료증마다 전용 페이지가 있어 공유하거나 LinkedIn에 추가할 수 있습니다.
