ONLINE CLASS

모바일앱개발 플러터

COURSE FOCUS

이 강의에서 배우는 핵심 실무

플러터 SDK와 안드로이드 스튜디오를 준비하고 간단한 앱을 수정하며 위젯 기반 개발을 시작합니다. 페이지 전환과 컨테이너 속성 애니메이션을 적용하고 ListView·그리드 목록·플로팅 앱 바로 다양한 화면을 구성합니다. 위젯 정렬과 배경색·크기 조절, 상태관리를 실습하면서 사용자 입력과 화면 변화가 연결되는 모바일 앱을 만들어봅니다.

?

수강 전 꼭 확인하세요

수강 전 자주 묻는 내용을 간단히 안내드립니다.

Q초보자도 교재 없이 수강 가능한가요? 프로그램 정보는?
A

네, 영상과 실습자료로 쉽게 학습할 수 있습니다. 알지오는 원격평생교육원으로 프로그램 관련 정보는 제공하지 않습니다.

◆
기업이 선택한 신뢰 강의

검증된 커리큘럼과 전문 강사진으로 높은 만족도를 제공합니다.

자세히 보기  >
♥
수강료 일부는 사회환원에 사용됩니다.

작은 나눔이 더 나은 내일을 만듭니다.

자세히 보기  >
REAL REVIEW

수강생 리얼후기!

실제 수강생의 학습 경험을 확인해 보세요.

수강후기를 불러오는 중입니다.

RECENT Q&A

최근 수강질문

최근 등록된 수강질문을 작성순서대로 확인해 보세요.

ALZIO DEEP GUIDE

Flutter을 더 깊게 이해하기

20강에서 SDK 준비·디자인·폼·목록·화면 이동·JSON·WebSocket·SQLite·미디어·통합 테스트·반응형·장바구니·Android 등록을 연결합니다. 실제 회차에 있는 Android 배포와 다른 플랫폼의 제출 범위를 구분합니다.

공식 기술정보 확인20강 커리큘럼 연결2026 현재 기술정보

모바일앱개발 플러터 · 20강 · 8시간 23분

01

Flutter은 무엇인가

Flutter는 Dart 코드와 위젯으로 앱 UI를 구성하는 프레임워크입니다. 위젯을 조합해 화면과 입력·상태를 표현하며 플랫폼별 빌드와 배포 조건은 따로 확인합니다. 화면 제작과 서버의 자료 처리·스토어 심사는 각각 별도 책임입니다.

02

관련 플랫폼과 개발도구의 관계

Dart는 기반 언어이고 Flutter SDK는 UI와 개발 도구를 제공합니다. Android Studio 등은 개발환경이며 네트워크·SQLite·미디어 플러그인은 앱이 사용하는 자료와 기기 기능을 연결합니다. 패키지 버전·플랫폼 설정·실제 기기 조건을 함께 확인합니다.

03

Flutter의 핵심 기능

기술 자체의 기능과 이 강좌의 직접 학습 범위는 다릅니다. 아래 연결 표시는 저장된 공개 커리큘럼에 근거합니다.

위젯·레이아웃

텍스트·이미지·박스를 조합해 UI를 만듭니다. 공간 제약과 정렬을 함께 읽습니다. 화면마다 같은 크기를 가정하지 않습니다.

기술 참고 · 직접 학습 여부는 아래 회차 연결표에서 확인

폼·입력

값과 포커스·검사 결과를 UI에 연결합니다. 입력과 오류 상태를 분리합니다. 형식 검사가 서버의 업무 규칙을 대신하지 않습니다.

기술 참고 · 직접 학습 여부는 아래 회차 연결표에서 확인

목록·네비게이션

자료를 목록으로 표시하고 화면 사이에 값을 전달합니다. 인수와 반환값의 책임을 나눕니다. 이동한 화면과 저장된 자료의 상태를 구분합니다.

기술 참고 · 직접 학습 여부는 아래 회차 연결표에서 확인

네트워크·저장

JSON·WebSocket·SQLite·디스크 자료를 연결합니다. 통신 결과와 보관 결과는 따로 확인합니다. 요청 성공만으로 영속 저장이 보장되지 않습니다.

기술 참고 · 직접 학습 여부는 아래 회차 연결표에서 확인

애니메이션·상태

변화하는 속성과 사용자 입력에 따른 UI 전환을 표현합니다. 표시 효과와 업무 상태를 나눕니다. 부드러운 화면이 자료 처리의 정확성을 입증하지 않습니다.

기술 참고 · 직접 학습 여부는 아래 회차 연결표에서 확인

서명·배포

앱 식별자·아이콘·서명과 배포 산출물을 다룹니다. 설치 파일과 스토어 제출 조건을 구분합니다. 당시 제출 절차를 현재 정책으로 그대로 사용하지 않습니다.

기술 참고 · 직접 학습 여부는 아래 회차 연결표에서 확인
04

이 과정의 실제 작업 흐름

1~4강은 SDK·Android Studio 준비와 텍스트·화면 전환·속성·페이드·메뉴·폰트·방향·테마입니다. 5~9강은 폼·포커스·제스처·목록·화면 이동·인수·반환·웹 자료·JSON·WebSocket·SQLite·디스크·미디어·통합 테스트입니다.

10~17강은 위젯 찾기·쇼핑카트·크기·정렬·반응형·OrientationBuilder·설치 오류·Opacity·Hero·상태·백엔드 기본·장바구니 결과를 다룹니다. 18~19강은 이름·아이콘·서명·키스토어·Gradle·APK·Google Play 등록이며 20강은 총정리입니다.

  1. SDK 준비
  2. 애니메이션·테마
  3. 폼·목록
  4. 이동·네트워크·저장
  5. 레이아웃·상태·장바구니
  6. Android 서명·등록
05

핵심 구조를 이해하는 방법

위젯은 현재 설정과 상태를 바탕으로 UI를 구성합니다. 레이아웃 제약과 화면 크기·방향을 함께 보면 같은 위젯이 다른 공간에서 어떻게 배치되는지 설명할 수 있습니다. 화면 상태와 디스크·DB에 저장된 상태는 수명과 확인 방식이 다릅니다.

06

실무 적용과 결과 확인

5~9강의 입력·이동·저장을 복습할 때 전달값과 반환값, JSON 해석 결과, 재실행 후 자료를 각각 기록해 보세요. 통신이 끊기거나 빈 목록이 오는 경우의 점검은 추가 연습입니다. 실제 강좌의 모든 장애 처리 구현을 확인했다고 표시하지 않습니다.

10~17강의 장바구니를 복습할 때 목록 항목·수량·출력 결과와 화면 방향 변경을 대조해 보세요. 배치와 자료 상태를 따로 확인하는 응용 점검입니다. 18~19강의 서명 작업과 스토어 접수·심사·공개는 서로 다른 결과입니다.

07

이 강좌에서 집중할 전문주제

이 과정의 전문 축은 다양한 Flutter UI 패턴을 자료 전달과 연결하는 것입니다. 2~6강의 애니메이션·디자인·폼·목록이 7~9강의 네트워크·저장으로 이어지며 화면과 자료의 수명 차이를 살펴볼 수 있습니다.

두 번째 축은 반응형·상태 변화와 장바구니 제작입니다. 13~17강의 화면 크기·내부 상태·애니메이션·입력·결과를 연결하세요. 백엔드 기본이라는 설명을 완성된 결제·운영 API 제공으로 확대하지 않습니다.

08

현재 기술과 강좌 환경의 관계

공개 목록만으로 Flutter·Dart·플러그인·Android SDK의 정확한 버전을 확정하지 않습니다. AndroidX 변환과 당시 설치 오류는 실제 커리큘럼의 환경 맥락으로 소개합니다.

현재 Flutter Android 배포 문서의 빌드·서명 조건과 당시 APK 등록 절차를 구분합니다. 스토어 정책과 도구 요구사항은 달라질 수 있으므로 게시 시점의 조건을 확인해야 합니다. 현행 제출 형식 전체가 강좌에 포함됐다고 표시하지 않습니다.

09

목적에 맞는 기술 선택과 비교

아래 비교는 목적과 작업 구조를 선택하기 위한 안내입니다. 다른 기술 전체를 본 강좌에서 가르친다는 뜻은 아닙니다.

목적에 맞는 기술 선택과 비교
선택지작업 접근이 강좌와의 관계
FlutterDart와 위젯을 이용한 UI·자료 연결본 강좌 중심
Android 네이티브Android 플랫폼 API 중심의 앱 구성별도 후속 비교
웹 UI브라우저의 HTML·CSS·JavaScript실행환경이 다른 비교 대상
10

기술개념과 알지오 커리큘럼 연결

회차는 공개 커리큘럼의 실제 순서입니다. 실습 후 응용 제안과 현재 기술 참고정보를 강의에서 제공하는 실습으로 해석하지 않습니다.

기술개념과 알지오 커리큘럼 연결
기능·개념무엇인가실무 의미강좌 회차학습 상태
준비·디자인 효과SDK·애니메이션·폰트·테마기본 UI 환경1·2·3·4강강좌에서 직접 학습
폼·목록입력·포커스·제스처·리스트사용자 조작과 자료 표시5·6강강좌에서 직접 학습
이동·통신·저장·미디어인수·JSON·WebSocket·SQLite·테스트자료 수명과 결과7·8·9강강좌에서 직접 학습
위젯·레이아웃·반응형정렬·크기·방향·설치 오류배치와 실행 조건10·11·12·13·14강강좌에서 직접 학습
애니메이션·상태·장바구니표시 변화와 사용자 입력자료와 효과 분리15·16·17강강좌에서 직접 학습
Android 서명·등록아이콘·키스토어·Gradle·APK·Play빌드와 공개 구분18·19강강좌에서 직접 학습
총정리공개 설명 기준 응용 복습세부 범위 추가 추측 없음20강강좌에서 직접 학습
11

처음 배울 때 자주 생기는 오해

위젯이 저장된 데이터인가?

UI 구성과 자료 보관은 별개입니다. 6~9강에서 목록과 저장을 나누세요. 다시 실행한 결과도 확인합니다.

화면 이동만 하면 값이 저장되나?

인수 전달과 영속 저장은 다릅니다. 7~9강의 이동·SQLite·디스크를 구분합니다. 현재 화면 상태만으로 보관 성공을 판단하지 않습니다.

폼 검사가 모든 업무 규칙을 확인하나?

입력 검사와 서버 처리는 다릅니다. 5강의 검증을 전체 정책으로 확대하지 않습니다. 정상 입력과 처리 결과를 나누어 보세요.

애니메이션이 상태 관리를 대신하나?

표시 효과와 자료 상태는 별도입니다. 15~17강의 입력·장바구니 결과와 연결합니다. 화면 움직임만으로 자료 변경을 확인하지 않습니다.

APK 만들면 Play 공개가 완료되나?

빌드와 등록·심사는 다른 단계입니다. 18~19강의 공개 목록을 대조하세요. 당시 절차를 현재 스토어 정책으로 그대로 안내하지 않습니다.

iOS 배포도 직접 다루나?

공개 후반 회차는 Android 등록입니다. iOS 제출 전체는 확인되지 않았습니다. 프레임워크의 지원 플랫폼과 강좌 범위를 구분합니다.

12

다음 학습 방향

모바일앱개발 자바

Java 기반 Android의 다른 화면 구조를 비교합니다.

자료 보기 →

Flutter 관련 과정 비교

입문·실무·심화 과정의 실제 커리큘럼을 목적에 맞게 비교합니다.

자료 보기 →

실습과 복습 계획

새 환경에서 예제를 확인하고 학습 계획을 세우는 방법을 살펴봅니다.

자료 보기 →

기술정보는 Google Flutter 공식 프로젝트의 공식자료를 기준으로 검토했으며, 강좌 범위는 모바일앱개발 플러터의 공개 커리큘럼과 구분했습니다.

공식 기술정보 확인일: 2026-10-05 · 강좌 업데이트일을 의미하지 않습니다.

모바일앱개발 플러터 모바일앱개발 플러터
  • 모바일앱개발 플러터

  • 강의구성
  • (20강) 전체 : 8시간 23분|평균 : 25분8초
  • 이용기간/강사
  • 1개월2개월
    알지오 R&D [IT]
  • 증빙가능
  • 수료증, 수강증, 학습진도
  • 수강료
  • 190,000원할인95,000원
?

수강 전 꼭 확인하세요

수강 전 자주 묻는 내용을 간단히 안내드립니다.

Q 초보자도 교재 없이 수강 가능한가요? 프로그램 정보는?
A

네, 영상과 실습자료로 쉽게 학습할 수 있습니다. 알지오는 원격평생교육원으로 프로그램 관련 정보는 제공하지 않습니다.

  • 01.19분 FLUTTER 앱 개발 제작을 위한 준비
    실습 과정 : FLUTTER SDK, 안드로이드 스튜디오 설치 및 셋팅, 간단한 앱 수정 실습해보기!
    FLUTTER 설치 위치 설명, 명령 프롬프트, android studio 셋팅하기, new application 만들기, 어플 수정하기, 실습하기
  • 02.24분 FLUTTER 앱 개발 - 애니메이션 효과
    실습 과정 : 랜덤 텍스트 / 페이지 전환 애니메이션 / 위젯에 애니메이션 적용 / 컨테이너를 활용한 속성 변환 애니메이션
    위젯 알아보기, 패키지 얻어오기, 랜덤 알아보기, 랜덤 활용하기, 예제로 기본알아보기
  • 03.26분 FLUTTER 앱 개발 - 애니메이션 및 디자인 효과
    실습 과정 : 불투명도를 활용한 페이드 효과 / 좌측 메뉴 출력방법 / 하단 팝업 출력방법
    애니메이션화 알아보기, 예제1, 아이콘 출력, 숨기기 보이기 예제, 구분하기
  • 04.25분 FLUTTER 앱 개발 - 디자인 효과
    실습 과정 : 폰트 가져와서 사용하기 / 스마트폰 가로모드 세로모드 / 사용자 폰트 사용 / 테마 색상 및 폰트 스타일
    폰트 가져오기, 텍스트 스타일 알아보기, 가로모드 세로모드 만들기, 테마 색상 만들기, 텍스트 문구 넣기, 폰트 파일만들기
  • 05.29분 FLUTTER 앱 개발 - 폼(양식)과 제스처 효과
    실습 과정 : 탭 생성하기 / 검증을 통한 양식 작성 / 텍스트필드 작성 및 스타일 지정 / 텍스트필드 포커스 / 잔물결 애니메이션 / 탭 셋팅
    탭 생성하기, 출력 알아보기, 텍스트필드 알아보기, 리턴작업 알아보기, 문구 정의하기, 스와이프 효과로 목록 제거
  • 06.27분 FLUTTER 앱 개발 - 리스트와 네비게이션 효과
    실습과정 : 이미지 출력 / 이미지 페이드 / ListView / 가로형태 리스트 / 그리드 리스트 / 다양한 유형의 목록 만들기 / 플로팅 앱 바 / 롱 리스트 / 여러 화면에서 위젯 동작
    이미지 크기 맞추기, 이미지 페이드 알아보기, ListView 알아보기, 가로형태 리스트, 플로팅 앱 바 알아보기, 여러 화면에서 윗젯 동작 알아보기
  • 07.26분 FLUTTER 앱 개발 - 네비게이션과 네트워크
    실습과정 : 새 화면으로 이동 후 / 경로에 인수 전달 / 데이터 반환 / 새 화면에 데이터 보내기 / 웹에서 데이터 가져오기
    루트로 정의하기, 경로에 인수 전달하기, 팝업 시키기, 픽셀 알아보기, 새 화면에 데이터 보내기, 웹에서 데이터 가져오기
  • 08.27분 FLUTTER 앱 개발 - 네크워크와 유지(Persistence)
    실습과정 : JSON 파싱 및 변환 / WebSocket 작업 / SQLite 데이터 유지 / 안드로이드X 변환
  • 09.25분 FLUTTER 앱 개발 - 플로그인과 통합 테스트
    실습과정 : 디스크에 값 데이터 저장 / 내부 및 네트워크 비디오 재생 및 정지 / 통합 테스트
  • UI 사용자 인터페이스
  • 10.24분 FLUTTER 앱 개발 - 위젯과 UI
    실습과정 : 위젯 텍스트 및 찾기 / UI 부터 본격적인 출발 / 쇼핑카트 리스트
  • 11.21분 FLUTTER 앱 개발 - 레이아웃
    실습과정 : 배경색 변경 / 크기조정 / 위젯 정렬
  • 12.25분 FLUTTER 앱 개발 - UI 실무
    실습과정 : 레이아웃 카운트 변형 / UI를 반영하기 위한 실무 팁 1
  • 13.27분 FLUTTER 앱 개발 - 반응형 앱 Part 1
    실습과정 : UI 를 반영하기 위한 실무팁 2 / 페이지별 기능 / OrientationBuilder / ADB exited with exit code 1 / INSTALL_FAILED_INSUFFICIENT_STORAGE
  • 14.24분 FLUTTER 앱 개발 - 반응형 앱 Part 2
    실습과정 : 박스모델 / 구성 요소의 내부 상태 반응 / 화면 가운데 로고출력
  • 15.26분 FLUTTER 앱 개발 - 애니메이션 Part 1
    실습과정 : 초기화면부터 상황별 애니메이션까지 / Opacity / HERO
  • 16.26분 FLUTTER 앱 개발 - 애니메이션 Part 2 및 상태관리
    실습과정 : 앱 실행시 처음부터 점층적으로 나타나는 애니매이션, 사용자가 입력해야 할 사항
  • 17.27분 FLUTTER 앱 개발 - 백앤드 및 리스트 장바구니
    실습과정 : 백엔드 기본, 리스트 장바구니 담고 결과값 출력
  • 앱 등록 및 배포 과정
  • 18.26분 FLUTTER 앱 개발 - 앱 등록 Part 1
    실습과정 : 앱 이름, 아이콘 생성기, 런처, 앱 서명, 키 스토어, gradle 서명 구성
  • 19.23분 FLUTTER 앱 개발 - 앱 등록 Part 2
    실습과정 : APK 구축, Google Play 스토어 개발자 등록, 제작된 앱 등록
  • 20.26분 FLUTTER 앱 개발 - 총정리
    응용할 수 있는 부분들을 전체적으로 실습합니다.

강의목록 다운로드                        1:1 강의 질문&답변






도움이 필요하신가요?
💬
알지오 학습·수강 도우미
운영진이 확인한 안내를 자세히 보고, 필요하면 바로 상담하세요.
상담 상태 확인 중