OPENCOURSE바이브 코딩으로 배우는 Flutter 첫걸음

입문프로그래밍이 처음인 비전공 대학생

바이브 코딩으로 배우는 Flutter 첫걸음

AI 코딩 도구와 대화하며 만드는 첫 Flutter 앱

이 교재를 마치면

위젯 트리로 화면 구조를 읽고 그릴 수 있다
AI 도구에게 원하는 화면을 구조로 설명하는 프롬프트를 쓸 수 있다
받은 코드를 트리와 대조해 읽고 작은 수정을 직접 할 수 있다
setState로 사용자 입력에 반응하는 화면을 만들 수 있다

챕터 5 · 소단원 14예상 약 5시간2026.08.25 발행

첫 챕터부터 시작하기

챕터 목차

바이브 코딩이란AI와 함께 만드는 개발 흐름과 이 교재의 사용법, 준비물 확인.50분 첫 프로젝트 만들기Flutter 프로젝트의 생김새를 익히고 AI에게 부탁한 첫 화면을 실행해 본다.60분 위젯 트리 이해하기모든 것이 위젯 — 코드를 그림으로 읽고, 고칠 곳을 트리에서 먼저 찾는다.70분 상태로 움직이는 화면상태와 setState로 사용자 입력에 반응하는 화면을 만든다.70분 마무리 — 나만의 카드 앱배운 전부로 프로필 카드 앱을 완성하고, 막혔을 때 질문하는 법을 익힌다.50분

출처와 참고 자료

이 교재가 참고한 자료예요. 링크에서 원문을 볼 수 있어요.

Flutter 공식 문서Google

사용 조건: CC BY 4.0docs.flutter.dev

Dart 언어 투어Google

사용 조건: CC BY 4.0dart.dev/language