앱 개발 FLUTTER [기초+실무]

20회차 속성과정
전체 : 8시간 23분|회차당 평균 : 25분8초

이용기간 2개월

전문강사 : 알지오 R&D [IT]

앱 개발 FLUTTER [기초+실무] 인강 평생교육원 교육 안내
안드로이드 스튜디오를 활용한 FLUTTER 앱 개발 강의입니다. 기초가 없는 분들이라도 쉽게 구글의 FLUTTER를 활용해서 앱 제작을 할 수 있게 강좌를 진행합니다.

01.19분 FLUTTER 앱 개발 제작을 위한 준비
실습 과정 : FLUTTER SDK, 안드로이드 스튜디오 설치 및 셋팅, 간단한 앱 수정 실습해보기!

책갈피[00:03] FLUTTER 설치 위치 설명/[01:43] 명령 프롬프트/[03:22] android studio 셋팅하기/[05:42] new application 만들기/[10:47] 어플 수정하기/[14:46] 실습하기
02.24분 FLUTTER 앱 개발 - 애니메이션 효과
실습 과정 : 랜덤 텍스트 / 페이지 전환 애니메이션 / 위젯에 애니메이션 적용 / 컨테이너를 활용한 속성 변환 애니메이션

책갈피[00:09] 위젯 알아보기/[05:07] 패키지 얻어오기/[07:38] 랜덤 알아보기/[13:38] 랜덤 활용하기/[17:56] 예제로 기본알아보기
03.26분 FLUTTER 앱 개발 - 애니메이션 및 디자인 효과
실습 과정 : 불투명도를 활용한 페이드 효과 / 좌측 메뉴 출력방법 / 하단 팝업 출력방법

책갈피[00:01] 애니메이션화 알아보기/[05:56] 예제1/[09:56] 아이콘 출력/[14:36] 숨기기 보이기 예제/[19:55] 구분하기
04.25분 FLUTTER 앱 개발 - 디자인 효과
실습 과정 : 폰트 가져와서 사용하기 / 스마트폰 가로모드 세로모드 / 사용자 폰트 사용 / 테마 색상 및 폰트 스타일

책갈피[00:01] 폰트 가져오기/[04:12] 텍스트 스타일 알아보기/[07:17] 가로모드 세로모드 만들기/[12:28] 테마 색상 만들기/[17:28] 텍스트 문구 넣기/[20:36] 폰트 파일만들기
05.29분 FLUTTER 앱 개발 - 폼(양식)과 제스처 효과
실습 과정 : 탭 생성하기 / 검증을 통한 양식 작성 / 텍스트필드 작성 및 스타일 지정 / 텍스트필드 포커스 / 잔물결 애니메이션 / 탭 셋팅

책갈피[00:07] 탭 생성하기/[05:05] 출력 알아보기/[10:08] 텍스트필드 알아보기/[15:33] 리턴작업 알아보기/[20:09] 문구 정의하기/[24:20] 스와이프 효과로 목록 제거
06.27분 FLUTTER 앱 개발 - 리스트와 네비게이션 효과
실습과정 : 이미지 출력 / 이미지 페이드 / ListView / 가로형태 리스트 / 그리드 리스트 / 다양한 유형의 목록 만들기 / 플로팅 앱 바 / 롱 리스트 / 여러 화면에서 위젯 동작

책갈피[00:04] 이미지 크기 맞추기/[05:34] 이미지 페이드 알아보기/[10:28] ListView 알아보기/[16:15] 가로형태 리스트/[20:48] 플로팅 앱 바 알아보기/[25:52] 여러 화면에서 윗젯 동작 알아보기
07.26분 FLUTTER 앱 개발 - 네비게이션과 네트워크
실습과정 : 새 화면으로 이동 후 / 경로에 인수 전달 / 데이터 반환 / 새 화면에 데이터 보내기 / 웹에서 데이터 가져오기

책갈피[00:13] 루트로 정의하기/[05:41] 경로에 인수 전달하기 /[11:30] 팝업 시키기/[15:43] 픽셀 알아보기/[21:00] 새 화면에 데이터 보내기/[21:35] 웹에서 데이터 가져오기
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 앱 개발 - 총정리
응용할 수 있는 부분들을 전체적으로 실습합니다.