누구나 쉽게 Flutter로 e-커머스 앱 만들기

크로스 플랫폼(Flutter)으로 이커머스 앱 만들기

강좌 소개
난이도
쉬움
카테고리
프로그래밍 - 모바일 프로그래밍
태그
다트, 플러터
수료증
발급 가능
소요 시간
4 시간
추천 수강대상
- iOS, Android 앱을 한 번에 개발하고 싶은 분
- 이커머스 핵심 기능 개발해보고 싶은 분

🍎 나만의 손쉬운 e-커머스 앱 만들기

"프로그래밍 처음이어도 괜찮아요!"

📱 이런 앱을 만들어요

신선한 과일과 야채를 파는 완전한 쇼핑몰 앱!

  • 예쁜 상품 목록 화면
  • 상세 정보 페이지
  • 장바구니 기능

🎯 이런 분들께 딱!

"앱 만들어보고 싶은데 어디서 시작할지 모르겠어요"
"프로그래밍은 처음이에요"
"Flutter 배워보고 싶어요"

🚀 왜 이 강의일까요?

🧱 기초부터 완성까지

집 짓듯이 차근차근 쌓아올려요.

  1. 앱 구조 설계하기
  2. 예쁜 화면 만들기
  3. 실제 데이터 연결하기
  4. 완성하고 다듬기

🎨 눈으로 보면서 배워요

바로바로 결과를 확인하면서 배우니까 지루할 틈이 없어요.

🔧 실무에서 쓰는 기술들

  • Firebase: 구글의 쉬운 데이터베이스
  • Provider: 앱 전체 정보 공유
  • 위젯: 화면 구성 요소들

📚 배우는 내용

  • 프로젝트 기획: "어떤 앱을 만들까?" 부터 차근차근
  • 앱 구조: 정리정돈하는 방법 (3계층 구조)
  • 화면 만들기: 위젯으로 홈, 상세, 장바구니 화면 완성
  • 데이터 연결: Firebase로 실제 상품 정보 가져오기
  • 상태 관리: 장바구니 담기/빼기 기능 구현

🎁 강의 후 얻는 것

  • 다른 앱도 만들 수 있는 기초 실력
  • Flutter 최신 기술 이해 🚀
  • 실무 코딩 패턴들 💼
  • "나도 개발자 될 수 있다"는 자신감 💪

💡 특별한 점

어려운 용어 NO! 친구가 옆에서 알려주는 것처럼 쉽고 재밌게 설명해요.
단계별 진행! 한 번에 많은 걸 설명하지 않고 작은 단위로 나눠서 진행해요.
실습 중심! 이론만 듣고 끝나는 게 아니라 직접 만들면서 배워요.

교육 과정
모두 펼치기
  • 01
    00. 실습 프로젝트 안내
  • 구현할 기능과 앱의 디자인을 기획해보기
  • 02
    01. 3계층 구조로 앱 설계하기
  • 구조 없이 프로그램을 작성한다면?
    3계층 구조란?
    3계층 구조로 설계하기
  • 03
    02. Firebase 프로젝트 생성하기
  • 데이터 불러오기 - JSON import
    Firebase CLI로 프로젝트 연동하기
  • 04
    03. 위젯트리(Widget Tree) 알아보기
  • 위젯(Widget) 그리고 위젯트리(Widget Tree)란?
    StatelessWidget이란?
    StatefulWidget이란?
  • 05
    04. 위젯(Widget) 만들기
  • 화면 1: 홈 - Widget 만들기
    화면 1: 홈 - 완성하기
    화면 2: 상품 상세 - 완성하기
    화면 3: 장바구니 - Widget 만들기 1
    화면 3: 장바구니 - Widget 만들기 2
    화면 3: 장바구니 - Widget 만들기 3
    화면 3: 장바구니 - 완성하기
  • 06
    05. 서버와 통신하기
  • 데이터 모델 만들기
    Repository 만들기
    Firebase 데이터 연동하기 - RealTime Database
    Firebase 데이터 연동하기 - Storage
    palette_generator 패키지 활용하기
    Image 위젯으로 이미지 최적화하기
  • 07
    06. 화면 간 이동하기
  • Navigator 활용하기
  • 08
    07. Provider로 상태 관리하기
  • InheritedWidget이란?
    Provider란?
    ProductProvider 만들기
    CartProvider 만들기
  • 09
    08. 마무리 작업하기
  • ProductDetailScreen 구현하기
    CartItemWidget 구현하기
    CartScreen 구현하기
    앱 완성하기
마지막 업데이트|2025년 06월 21일
강의자 소개
안녕하세요, 이승환입니다. 저는 에듀테크와 이커머스 분야에서 Flutter 개발자로 활동하고 있습니다. 제가 생각하는 좋은 강의는 단순히 코드를 알려주는 게 아니라, 문제를 스스로 정의하고 해결할 수 있는 힘을 길러주는 것이라고 생각합니다. 그래서 이 강의도 직접 경험한 문제를 바탕으로, 개발의 본질을 이해하고 스스로 해결책을 찾는 과정에 집중했습니다. Flutter와 함께 크로스플랫폼 개발의 매력을 느끼며, 여러분도 문제 해결의 즐거움을 얻어 가시면 좋겠습니다. 감사합니다 :)

강좌 후기
39,000

평균평점
0.0
난이도
쉬움
수강기간
평생 무제한
소요 시간
4 시간