대규모 앱 개발부터 Native 앱 도입까지 : Flutter의 모든 것 초격차 패키지 Online

초격차 패키지 Online.
대규모 앱 개발부터 Native 앱 도입까지
: Flutter의 모든 것

실무 그대로 반영한 2가지 프로젝트

Native 앱 수준까지 Flutter로 구현하는 프로젝트 & 패캠에만 있는 실무형 Add-to-App 프로젝트
앱 개발 중 발생하는 트러블 슈팅

Native 앱 대비 Flutter가 가지고 있는 문제와 앱 개발 전반에서 발생하는 문제 예방 및 해결 가능
Native & Flutter 앱 개발 기초 강의 제공

앱 개발이 처음이어도, Flutter 입문자도 문제 X 수준 높은 프로젝트 완성을 위한 맞춤형 특별 부록

기본 정보

| 강의 설명
2개 대주제, 2개 프로젝트 (약 41시간 분량)

| 수강 난이도
∙ 초급-실전
∙ 선수지식: Flutter 기본 문법에 대한 이해

| 수강 대상
1) 15개 프로젝트로 실무까지 끝내는 Dart & Flutter 앱 개발을 완강한 수강생
2) Native 앱에 새로운 기능을 Flutter를 활용해 도입해야 하는 개발자
3) Flutter 중급 개념을 학습하고 실무에 적용하고 싶은 개발자

강의 특징

∙ 수강료 1회 결제로 평생 소장
∙ 강의 버전
- Dart 3.0
- Flutter 3.10.N (Flutter stable)
- Android studio : 플라밍고
- Xcode 14.x
- VScode
• 부가 자료 제공
- 강의 자료 & 실습코드
- Native 앱 기초 강의 (Android & iOS)
- Dart & Flutter 기초 강의

코스 프로모션 배너 전용입니다.

0일 0시간 0분 0초 코스 프로모션 배너 전용입니다.

(자동)

정가 ~~(자동)~~

할인 금액 (자동)

현재 판매가 (자동)

(자동)

* 12개월 무이자 할부 시

바로 구매하기

누구나 인정하는 대세 Flutter, 실제 기업에서는 Flutter를 어떻게 활용하고 있을까요?

이제 핵심은 [ Flutter로 Native 앱과 차이가 없을 정도의 결과물을 만들 수 있느냐 ] 입니다.
단순히 Flutter 자체를 배우는 것을 넘어서, 높은 수준으로 완성도 있는 서비스를 만들기 위해
Flutter를 자유자재로 사용할 방법을 배워보세요!

오직 패스트캠퍼스에만 있는
Flutter 200% 활용을 위한 프로젝트

단순히 예쁜 UI 구현이 목적이거나, 앱을 그냥 따라 만들어보는 강의가 아닙니다!

실제 서비스 되는 완성도 높은 앱 개발을 위한 Flutter 강의입니다.

Point 1

깊이와 트렌드를 모두 반영한
실무형 2개 프로젝트

Flutter만 활용한 대규모 앱 구현부터, Native 앱에 Flutter 도입까지
실제 기업에서 Flutter를 활용하는 2가지 방법을 완벽하게 담은 프로젝트를 소개합니다.

* 위 이미지는 예시 이미지로 실제 강의 자료와 상이할 수 있습니다.

| 구현 단계별 주요 학습 포인트

상태관리, 클린 아키텍처 등 사전 개발
환경 설정을 통한 안정성 높은 앱 구현법 학습
#CI/CD #클린아키텍처

▸ 학습내용 자세히보기
∙ 앱 개발 환경 및 도구 설정
∙ 프로젝트 구조 설정
∙ 프로젝트 배포 환경(CI/CD) 구성
GoRouter를 통해 라우트 구조,
다양한 화면 전환 패턴 등 화면 구성 학습
#GoRouter #Navigator 2.0

▸ 학습내용 자세히보기
∙ Go Router를 활용한 다양한 화면 전환 패턴
∙ 리디렉션 & 가드 구현, 에러 및 404 화면 처리
Dio 패키지를 활용한
빠르고 간편한 네트워크 요청 마스터
#Dio #Retrofit #Freezed

▸ 학습내용 자세히보기
∙ Dio 패키지를 활용한 파일 업로드/다운로드, 에러 핸들링
∙ Dio & Retrofit & Freezed와 Mock up으로 웹툰 정보 및 좋아요 페이지 구현
∙ Code gen으로 네트워크 요청 처리

WebView를 통해 구현할 수 있는
다양한 화면 구성 (결제, 로그인, 콘텐츠 등)
#Webview #InAppWebView

▸ 학습내용 자세히보기
∙ 소셜 로그인, 결제 시스템 통합 페이지 구현
∙ 동적 콘텐츠 표시, 멀티미디어 콘텐츠 처리
∙ 결제 모듈 호출
Native 기능을 연동할 수 있는 Platform Channel과 대체할 수 있는 라이브러리 학습
#Platform Channel #ffi #Pigeon

▸ 학습내용 자세히보기
∙ Platform Channel vs Flutter Pigeon 차이점
∙ OpenCV를 활용한 카메라 기능 구현
안정화된 앱을 위한 다양한 종류의 테스트와 DevTools를 통한 디버깅, 성능 최적화 학습
#GIthub Actions #DevTools

▸ 학습내용 자세히보기
∙ 단위 테스트, 통합 테스트, 위젯 테스트 진행
∙ Github Actions를 활용한 테스트 자동화

요즘 대기업 트렌드는 기존 Native 앱의 일부 기능을 새롭게 Flutter로 개발하는 것!

실제 금융회사에서 Native 앱에 Flutter를 도입해본 강사님이 알려주는
Add-to-app 프로젝트는 오직 이 강의에서만 배울 수 있습니다.

▸ Add-to-app 방식이란?

Native 앱 프로젝트에 Flutter가 모듈이나 라이브러리 형태로 포함되는 방식으로, 기존에 존재하던 네이티브 앱 위에 새로운 페이지를 빠르게 추가 또는 변경하고자 할 때 OS별로 따로 개발하는 방식이 아닌 Flutter로 모듈을 만들어 안드로이드/iOS 앱에 동시에 적용합니다. 주로 레거시가 많은 대규모 앱에서 사용하고 있는 방식으로 한정된 자원으로 빠르게 새로운 기능/화면을 추가할 수 있다는 장점을 가지고 있습니다.

* 위 이미지는 예시 이미지로 실제 강의 자료와 상이할 수 있습니다.

✓ Flutter 단독 개발이 아닌 이미 완성된 Native 기반 금융앱에 Flutter 로 개발된 화면을 추가합니다. 
✓ Native OS로 만들어진 간단한 애플리케이션에 Flutter로 새로운 기능을 추가하는 프로세스를 실무와 동일한 방식으로 진행합니다.
✓ Add-to-app 방식 적용 시 어려울 수 있는 개발 환경, 디버깅, 배포 프로세스 방식을 실습합니다.

강사님의 한 마디
Flutter를 도입하고 싶지만, 기존 Native app을 유지할 수 밖에 없는 경우 Flutter Add-to-App이 좋은 선택이 될 것 같습니다. 하지만 기존 Native 앱 개발 방식에 비해 도입 사례나 예제, 강의 등은 찾기가 쉽지 않아, 최근에 Flutter Add-to-App을 실제 도입한 저의 경험을 바탕으로 빠르고 쉽게 도입할 수 있도록 도와드리겠습니다.

Point 2

앱 개발 심화 & 실전 개념의 이해는 물론,
각 개념들의 상호작용 방식까지 완전 정복

개별적인 심화 개념 학습은 그만! 심화 개념만 배운다고 프로젝트에서 바로 사용할 수 있는게 아닙니다.
진짜 내 프로젝트에 바로 사용할 수 있도록 연계해서 학습해요!

| Project

ChatGPT를 이용한
챗봇 만들기
2개 개념, 7개 기술 스택
① 고급 UI 구현

Flutter 위젯의 작동 원리와 생명 주기 학습합니다. 또한 Sliver, Inherited Widget을 학습하며 고급 Flutter UI를 구현해봅니다.

▸ 기술스택
∙ Flutter Build Context
∙ Sliver
∙ StreamBuilder
∙ FutureBuilder
∙ Inherited Widget
② 캐싱전략과 비동기 프로그래밍

비동기 통신의 기본 원리와 Flutter에서의 적용 방법부터 핵심인 Future와 Stream의 개념과 사용법 및 차이점을 학습합니다. 로컬 데이터베이스 캐싱 필요성과 메커니즘을 Hive 패키지를 활용하여 캐싱 전략을 배웁니다.

▸ 기술스택
∙ HTTP
∙ Hive

| Project

클린 아키텍처 실전 적용
feat. Todo 앱
2개 개념, 7개 기술 스택
① 클린 아키텍처

클린 아키텍처의 구성 요소인 프레젠테이션 레이어, 도메인 레이어, 데이터 레이어를 학습합니다. 대표적으로 자주 쓰이는 BLoC, Riverpod를 배우고 예제인 ToDo 앱에 적용해봅니다.

▸ 기술스택
∙ BLoC
∙ Riverpod
∙ Retrofit
∙ Dio
② 의존성 주입

클린 아키텍처의 구성 요소 중 하나인 의존성 주입을 학습하고 ToDo 앱 적용을 통해 마무리합니다.

▸ 기술스택
∙ get_it
∙ injectable
∙ Riverpod

| Project
웹툰 앱으로 끝내는 실전 Flutter 앱 개발
9개 개념, 23개 기술 스택

① CI/CD & 배포 환경 설정

Flutter 안에서 CI/CD의 개념과 기본 원리를 학습하고, Fliutter Flavor를 통해 플랫폼별 빌드 및 배포 환경을 설정합니다.

▸ 기술스택
∙ Fastlane
∙ Github Actions
② 상태관리

앞서 클린 아키텍처에서 학습한 Riverpod을 적용해 웹툰 앱의 상태관리 환경 설정을 마무리합니다.

▸ 기술스택
∙ Riverpod
③ 라우팅

라우팅에 쓰이는 GoRouter와 Navigator 2.0의 차이를 학습하고, 다양한 화면 전환 패턴, 에러 화면 처리 등을 실습해봅니다.

▸ 기술스택
∙ GoRouter
∙ Navigator 2.0

④ 백엔드 통신

백엔드 대용으로 쓰는 Mock Server의 개념과 OS별 Postman 설치와 초기 셋팅 방법, 임의로 오류 상황을 만들어 소통하는 방법을 학습합니다.

▸ 기술스택
∙ PostMan
⑤ 네트워크 요청

파일 업로드/다운로드 등 Dio 패키지의 다양한 기능을 학습합니다. Dio와 Retrofit, Freezed의 조합으로 빠르고 간편한 네트워크 통신을 구축합니다.

▸ 기술스택
∙ Dio
∙ Retrofit
∙ Json_Serializable
⑥ WebView

WebView의 작동 원리, WebView와 InAppWebView의 차이점을 학습합니다. WebView를 적용한 다양한 화면을 구현합니다.

▸ 기술스택
∙ Webview
∙ InAppWebView

⑦ Concurrency

Isolate, Compute를 사용하여 복잡한 작업을 분리하는 방법 학습과 백그라운드 처리, 데이터 처리, 네트워크 요청 등을 실습합니다.

▸ 기술스택
∙ Isolate
∙ Compute
⑧ Native 요소

프로모션 페이지, 카메라 필터 등을 Platform Channel과 C 언어 라이브러리를 활용하여 구현합니다.

▸ 기술스택
∙ Platform Channel
∙ ffi
∙ pigeon
∙ local notification
∙ OpenCV
⑨ 테스트 & 디버깅

다양한 테스트의 정의, 종류와 목적을 학습합니다. Flutter 앱 개발 시 자주 하는 테스트인 단위 테스트, 위젯 테스트, 통합 테스트 등을 학습합니다.

▸ 기술스택
∙ Unit Test
∙ Widget Test
∙ Integration Test
∙ 테스트 자동화
∙ DevTools

| Project
Flutter Add to App
2개 개념, 2개 기술 스택
① Flutter Add to app

Flutter Add to app 도입 후기와 개발툴 소개, 프로젝트를 생성해 Native 앱에 Flutter 화면을 신규 개발해 도입합니다.

▸ 기술스택
∙ Flutter Module
② 코드푸시

React Native의 혁신적인 기능인 Code Push를 Flutter에서 Shorebird를 활용하여 어떻게 구현할 수 있을지 학습합니다.

▸ 기술스택
∙ Shorebird

강사님의 한 마디 by Bluefrog 기술 이사 양수장 강사님
Flutter는 처음 배우기는 쉽지만, 숙달하기에는 어려운 러닝 커브를 가지고 있습니다. 이때 심화 개념이라는 건 단순히 어려운 개념이 아니라 실제 프로젝트, 서비스에 적용하기 어려운 개념을 의미합니다. 대부분 Flutter를 시작할 때 기능 구현에 초점을 맞춰 학습하다보니 여러 개념들이 서로 어떻게 연계되는지 파악하지 못하는 경우가 있습니다. 그래서 이번 강의에서는 하나의 개념과 기능을 설명할 때 해당 개념이 어떻게 하나의 기능을 구현할 수 있는지 과정에 초점을 맞춰 구성했습니다.

개념과 기능 구현만 배운다고 앱 개발 실력을 높일 수 있는 건 아니죠.
실제 앱 개발 실력을 높여줄 수 있는 트러블슈팅과 체계적인 커리큘럼 구성까지 준비했습니다!

Point 3

실무에서 가장 빈번하게 발생하는
Flutter & 앱 개발 관련 트러블 슈팅

실제 프로젝트에서 중요한 것은 문제가 발생했을 때 원인을 분석하고 해결 과정 입니다.
Native 앱 대비 Flutter가 가지고 있는 문제점 & 앱 개발 전반에서 발생하는 문제에 대한 접근 방법부터 해결까지 배워가세요!

Point 4

UI 구현 & 심화 개념 이해 & 응용 대규모 프로젝트까지
Flutter 실력을 높여줄 꽉찬 약 40시간 커리큘럼

Flutter를 더 다양하게 응용 & 자유자재로 활용하고 싶은 분들을 위해
필요한 모든 것을 체계적으로 꾹꾹 하나의 커리큘럼에 눌러 담았습니다.

Point 5

완성도 높은 앱 개발할 수 있도록 준비한 2가지 부록

앱 개발이 처음이어도, Flutter가 처음이어도 문제없습니다.
기업에서 우대하는 양손잡이 개발자가 되고 싶다면 Native & Flutter 앱 개발 기초 강의도 함께 챙겨가세요!

* 약 10시간 분량의 영상 강의가 제공될 예정입니다.
* [네카라쿠배 5개 앱으로 완성하는 iOS 앱 개발] 강의의 Part 1과
[35개 프로젝트로 배우는Android 앱 개발]강의의 Part 0을 사용할 예정입니다.

* 약 2시간 분량의 영상 강의가 제공될 예정입니다.
* 강의 2차 오픈 일정에 맞춰 제공될 예정입니다.

구성이 좋아도 아무나 가르치면 의미가 없습니다.
Flutter 관련 찾기 힘든 정보들을 알려드리고, 실제 서비스 도입 경험까지 전수해주실 전문가분들을 모셨습니다!

미리보기

아직 고민 중이신가요?
강의를 미리보고 결정하세요!

| 오리엔테이션 |

강사 및 강의 커리큘럼, 실습 환경 소개

강사 소개

빠르고, 실력있는 전문가에게 배우는 Flutter

Flutter와 관련된 정보를 누구보다 빠르게 도입 & 공유하는 커뮤니티 오거나이저와
실제 대기업 앱에 Flutter를 도입해본 전문가가 알려주는 Flutter는 다릅니다.

양수장 강사님

| Part 1 ∙ Flutter 기초 부록

Bluefrog 기술 이사
∙ GDG Songdo Organizer & Flutter Songdo Organizer
∙ Flutter Forward Extended Korea 등 Flutter 행사 다수 참여 강연
- 2023 Google I/O Extended Seoul : Flutter에 Clean Architecture를 얹어보자
- 2023 Google I/O Extended Daejeon : 처음 시작하는 Flutter

Flutter는 입문하기 쉽지만 막상 숙달하기 어려운, 그런 프레임워크인 것 같습니다. 이제 막 Flutter 주니어 개발자가 된 분들이 이번 강의를 수강하시게 된다면, Flutter UI에 대한 근본적인 이해와 고급기술, 실제 앱 개발 프로젝트에서 적용할 수 있는 실용적인 능력을 키울 수 있습니다. 또한, 클린 아키텍처 개념을 배워 체계적이고 전문적인 앱 개발자로 성장할 수 있을 것입니다. 이번 강의 제작 과정에서, 저의 모바일 앱 개발 경험을 돌아보며 용케 여기까지 왔구나 생각했습니다. 이 강의가 주니어 개발자들에게 도움이 되길 바라며, 여러분 모두 이 강의로부터 유용한 인사이트와 지식을 얻어 가셨으면 좋겠습니다.

송승현 강사님

| Part 2

테이블매니저 모바일 앱 개발 리드
∙ Flutter Seoul Organizer
∙ Flutter I/O Extended Korea 등 Flutter 행사 다수 참여 강연
- Flutter MeetUp - In Sondo : 플러터로 설명하는 WebSite와 WebApp의 차이
- Flutter Festival Korea : Flutter에 Architecture & Design Pattern 적용하기

이번 강의는 "실무에서 발생할 수 있는 시나리오" 와 "네이티브의 기능"을 Flutter 실습예제로 경험하는것에 초점을 맞추었습니다. Flutter 개발에 입문하는 네이티브 개발자와 Flutter 개발자에게 실전에서 사용할 수 있는 다양한 경험을 제공해드리고자 합니다. 이 강의가 Flutter 개발을 공부하는 분들에게 좋은 이정표가 되었으면 합니다. 중요한 건 꺾이지 않는 마음입니다!

김성재 강사님

| Part 3

H증권 채널개발팀 앱 파트, 최근 Flutter Add-to-app 도입 프로젝트 리드
∙ 여러 간편투자앱, 저축은행앱 등 Native 금융앱 개발 및 운영 리드 진행
∙ 그외 React Native 및 Flutter와 같은 크로스플랫폼 프레임워크로 앱 개발 진행

지난 10여년간 앱 개발을 꾸준히 해왔습니다. 주로 iOS Native였으며 React Native 및 Android native도 간간히 진행해 왔습니다. 최근에 Flutter의 매력에 빠져서 신규앱 및 Add-to-App 통한 Native에 추가를 진행하고 있습니다. 이번 강의를 통해 실전에서의 경험을 바탕으로 한 App 개발 방식 소개를 하며 현재 상황에 맞는 개발 방식 선택에 도움 드리고 Flutter Add-to-App을 가장 최근 대규모 프로젝트에서 실제 도입하여 구현한 경험 바탕으로 Flutter Add-to-App을 쉽게 익힐 수 있도록 도와드리겠습니다.

QnA
궁금한 내용은 언제든 질의응답 게시판을 통해
강사진과 AI 튜터에게 질문하세요!
✓ 실습 중 에러가 나면? 질의응답 채널을 통해 빠른 해결 !
✓ 강의를 듣는 중 이해가 안가는 부분이 생기면 바로 질문하세요 !

* 강사님의 답변은 2024. 2. 8 ~ 2027. 1. 7 동안 운영 됩니다.
* 강사님이 현업 중 답변 하시기에 답변까지 영업일 기준 7일 내외 시간이 소요될 수 있습니다.
* 강의와 무관한 질문에 대해서는 답변이 필수로 제공되지 않습니다.

FAST CAMPUS ONLY

약 40시간 분량의 완성도 높은 강의
가격은 타사 대비 1/7 저렴하게!
약 40시간 분량 강의를 평생소장하며 언제든 학습할 수 있습니다.
하나의 강의로 앱 개발 전 과정을 학습하며 완성도 및 연계성 높은 학습이 가능합니다.

쏟아지는 혜택, 압도적인 격차
월 1만 원대로 이 모든 내용을 평생 소장 & 무한 수강!
*런칭가 161,000원 기준 (12개월 할부시 월 1만 원대)

상세 커리큘럼.

아래의 모든 강의를 초격차 패키지 하나로 모두 들을 수 있습니다.
지금 한 번만 결제하고 모든 강의를 평생 소장하세요!

Course 1. Flutter 필수 & 심화 개념

1. Flutter UI 심화

01 Flutter Widget의 작동 원리

∙ Flutter widget 렌더링 엔진 소개
∙ Widget Tree, Element Tree, Render Tree
∙ Widget의 생명주기: 생성부터 소멸까지

02 Flutter Build Context의 이해

∙ Build Context의 역할

03 고급 Flutter UI 구성: Sliver

∙ 고급 Flutter UI 구성: Sliver (1)
∙ 고급 Flutter UI 구성: Sliver (2)

04 고급 Flutter UI 구성: StreamBuilder / FutureBuilder

∙ 비동기 프로그래밍의 이해
∙ StreamBuilder / FutureBuilder 활용

05 고급 Flutter UI 구성: Inherited Widget

∙ Inherited Widget의 개념과 사용법
∙ 상태 관리 및 데이터 전달에 대한 Inherited Widget의 역할
∙ Inherited Widget의 적용 방법

2. Flutter 비동기 통신과 캐싱전략

01 비동기 통신 기초

∙ 비동기 통신의 기본 원리와 Flutter에서의 적용 방법
∙ UI와 백그라운드 데이터 처리

02 비동기 프로그래밍의 핵심: Future와 Stream

∙ Future와 Stream의 개념, 사용법 및 차이점
∙ async와 await의 개념 및 사용법

03 로컬 데이터베이스를 이용한 캐싱 전략

∙ 로컬 데이터베이스 캐싱의 필요성과 메커니즘 설계

04 실습: Hive와 Http 패키지를 활용한 데이터 관리

∙ Http 패키지를 사용한 네트워크 요청과 데이터 처리
∙ Hive를 사용한 로컬 데이터 캐싱

3. 상태관리 라이브러리 - BLoC

01 비즈니스 로직 컴포넌트(BLoC)

∙ BLoC 기본 이해

02 BLoC 핵심 개념

∙ BLoC 이벤트 이해하기
∙ BLoC의 상태 이해하기
∙ 비즈니스 로직과 상태 관리

03 실습 : BLoC

∙ 실습 : BLoC (1)
∙ 실습 : BLoC (2)

4. 상태관리 라이브러리 - Riverpod

04 리엑티브 캐싱, 데이터바인딩 프레임워크 Riverpod

∙ Riverpod 기본 이해

05 Riverpod 프로바이더

∙ RiverPod의 프로바이더란? (1)
∙ RiverPod의 프로바이더란? (2)

06 실습 : Riverpod

∙ 실습 : Riverpod (1)
∙ 실습 : Riverpod (2)

5. ChatGPT를 이용한 챗봇 만들기

01 프로젝트 소개 및 기본 설정

∙ 프로젝트 개요 및 목표
∙ 개발 환경 및 도구 설정
∙ ChatGPT API 소개 및 설정

02 챗봇 UI 구현하기

∙ ChatGPT를 이용한 챗봇 만들기 (1)
∙ ChatGPT를 이용한 챗봇 만들기 (2)

03 챗봇 API 구현하기

∙ ChatGPT를 이용한 챗봇 만들기 (3)
∙ ChatGPT를 이용한 챗봇 만들기 (4)

04 상태관리 라이브러리 적용하기

∙ 상태관리 라이브러리 적용하기 (1)
∙ 상태관리 라이브러리 적용하기 (2)

6. Flutter 클린아키텍처

01 클린아키텍처 기본개념

∙ 클린 아키텍처란 무엇인가?

02 클린 아키텍처의 구성 요소

∙ 프레젠테이션 레이어
∙ 도메인 레이어
∙ 데이터 레이어
∙ 의존성 주입 (1)
∙ 의존성 주입 (2)

03 클린 아키텍처 실전 적용

∙ 실습 : 클린 아키텍처 실전 적용 (1)
∙ 실습 : 클린 아키텍처 실전 적용 (2)
∙ 실습 : 클린 아키텍처 실전 적용 (3)
∙ 실습 : 클린 아키텍처 실전 적용 (4)

7. CI / CD로 효율성 극대화하기

01 CI/CD 개념과 기본 원리

∙ CI/CD 기본 개념 이해

02 Flutter Flavor

∙ Flutter Flavor 기본 이해
∙ 플랫폼 별 Flavor 설정 - Android
∙ 플랫폼 별 Flavor 설정 - iOS

03 자동화 도구 Fastlane

∙ Fastlane 소개
∙ Fastlane을 이용한 자동화 스크립트 구성

04 GitHub Actions를 이용한 CI/CD 구축

∙ GitHub Actions 기본 이해
∙ GitHub Actions 환경 구축

05 Flutter에서의 버전 관리 전략

∙ Flutter에서의 버저닝 전략

06 플랫폼 별 빌드 및 배포

∙ Android 빌드 및 배포
∙ iOS 빌드 및 배포

Course 2. 웹툰앱 : 실전 Flutter앱 개발

1. 프로젝트 환경 구축

01 프로젝트 소개 및 기본 설정

∙ 프로젝트 개요 및 목표
∙ 개발 환경 및 도구 설정
∙ 프로젝트 구조 설정

02 프로젝트 배포 환경 구성

∙ 프로젝트 배포 환경 구성 (1)
∙ 프로젝트 배포 환경 구성 (2)

2. Go Router로 시작하는 화면구성

01 Go Router vs Navigator 2.0 (1)

∙ Flutter Navigator 2.0
∙ Go Router란?
∙ Go Router vs Navigator 2.0 (1)
∙ Go Router vs Navigator 2.0 (2)

02 Go Router 핵심 기능소개

∙ 파라미터와 쿼리 사용하기
∙ 다양한 화면전환 패턴 (1)
∙ 다양한 화면전환 패턴 (2)
∙ 중첩된 라우트 구성하기
∙ 탭바와 라우트 연동
∙ 중첩된 라우트에서 데이터 관리
∙ 리디렉션 & 가드 구현하기
∙ 에러화면 처리
∙ 상태관리와 통합하기

03 Go Router와 화면 구성하기

∙ 웹툰앱 라우팅 구조 분석하기 (1)
∙ 웹툰앱 라우팅 구조 분석하기 (2)
∙ 웹툰앱 Go - Router 설치 및 초기 설정
∙ 웹툰앱 중첩 라우트 구성하기
∙ 웹툰앱 에러 및 404 페이지 구현하기
∙ 웹툰앱 리디렉션 및 가드 설정
∙ 웹툰앱 화면 전환 효과 부여하기

3. Dio & Retrofit 패키지로 네트워크 요청 마스터 하기

01 사이드 프로젝트를 위한 Post Man Mock Server 구축하기

∙ Mock Server란?
∙ PostMan 소개
∙ PostMan 설치 및 초기셋팅 (Windows)
∙ PostMan 설치 및 초기셋팅 (Mac)

02 Dio 패키지란 ?

∙ Dio 패키지 소개
∙ Retrofit 패키지 소개
∙ Dio와 다른 HTTP 클라이언트 라이브러리 비교
∙ Dio 설치 및 기본설정
∙ GET/POST/Etc
∙ 다양한 HTTP 메소드 다루기
∙ 요청 헤더 설정하기

03 Dio 본격적으로 활용하기

∙ 파일 업로드/ 다운로드
∙ 요청 취소, 변경하기
∙ 요청 타임아웃 설정하기
∙ Dio 에러핸들링
∙ Dio 에러 로그남기기

04 Dio & Retrofit & Freezed : 빠르고 간편한 네트워크 통신 구축

∙ Mock - Up : 로그인 / 회원가입 등 응답 만들기
∙ Mock - Up : 웹툰 정보 및 좋아요, 구독, 댓글
∙ Mock - Up : 미리보기, 포인트 결제 정보
∙ Code -gen으로 네트워크 요청 처리하기 + 인터셉터

4. Webview로 모바일 웹페이지와 소통하기

01 WebView 소개

∙ WebView란 무엇인가?
∙ WebView 작동원리
∙ WebView 장점과 단점

02 WebView vs In-app Webview 패키지

∙ 기본 WebView 소개
∙ InAppWebView 패키지 소개
∙ WebView vs InAppWebView

03 InAppWebView 기본설정

∙ 설정 및 초기화
∙ 웹페이지 로딩 및 표시
∙ 사용자 인터페이스와 통합

04 WebView로 어플리케이션 구성하기 : 사용자 인증

∙ 소셜 로그인 구현

05 WebView로 어플리케이션 구성하기 : 결제모듈 호출

∙ 결제 시스템 통합
∙ 결제 후 처리 및 사용자 피드백

06 WebView로 어플리케이션 구성하기 : 콘텐츠 등 기타

∙ 동적 컨텐츠 표시
∙ 멀티 미디어 콘텐츠 처리
∙ 자바스크립트와 상호작용

5. isolate, compute를 사용하여 복잡한 작업 분리하기

01 Dart의 Concurrency 모델 이해하기

∙ 단일 스레드 모델 이해하기
∙ Concurency와 Parallelism의 기초
∙ Isolate의 개념 및 작동원리

02 isolate 기본사용법 및 Compute 함수 활용하기

∙ Isolate 생성 및 관리
∙ 메인스레드와 Isolate간의 데이터 통신
∙ Isolate를 사용한 백그라운드 처리

03 웹툰앱에서 Isolate와 Compute 활용

∙ 복잡한 데이터 처리하기
∙ 네트워크 요청 및 json 파싱 최적화

6. 네이티브 요소 사용하기

01 Platform Channel , ffi , pigeon

∙ Platform Channel 개요
∙ Dart side 셋팅하기
∙ Platform side 셋팅하기
∙ ffi , pigeon 개요
∙ ffi와 Platfrom Channel 비교

02 웹툰앱에서 모바일 Native 기능 사용하기

∙ push notification을 사용한 프로모션 페이지 랜딩 (1)
∙ push notification을 사용한 프로모션 페이지 랜딩 (2)
∙ push notification을 사용한 프로모션 페이지 랜딩 (3)

03 웹툰앱에서 C/C++ 라이브러리 사용하기

∙ OpenCV를 사용하여 카메라 필터 추가하기 (1)
∙ OpenCV를 사용하여 카메라 필터 추가하기 (2)
∙ OpenCV를 사용하여 카메라 필터 추가하기 (3)

7. CustomPainter로 다양한 그래픽요소 연출하기

01 CustomPainter 소개

∙ CustomPainter의 작동 원리
∙ CustomPainter와 기본 위젯의 차이점

02 Flutter 개발자가 CustomPainter를 쓰게되는 이유

∙ 사용자 정의 그래픽의 필요성

03 CustomPainter를 사용한 그래픽 기법

∙ 경로(Path)와 곡선 사용하기

04 웹툰앱에서 CustomPainter 사용하기 (1) - 나만의 독특한 UI 만들기

∙ CustomPainter를 이용한 UI 구성 요소
∙ 독특한 레이아웃과 스타일링 구현

05 웹툰앱에서 CustomPainter 사용하기 (2) - 사용자 인터렉션에 반응하는 그래픽 만들기

∙ 터치 및 제스처 처리
∙ 동적 그래픽과 애니메이션

8. Test를 통해 안정적인 어플리케이션 만들기

01 Test란 무엇인가

∙ 테스트의 정의와 중요성
∙ 테스트의 종류와 목적
∙ 테스트의 역할과 애플리케이션 품질

02 내가 만든 앱 테스트하기 (1) - Unit Test

∙ 단위 테스트의 기본
∙ Dart와 Flutter에서의 단위 테스트 작성
∙ Mock 객체와 Stub의 사용

03 내가 만든 앱 테스트하기 (2) - Widget Test

∙ 위젯 테스트의 개념 ∙ 위젯 테스트 작성 및 실행 ∙ 사용자 인터페이스의 테스트

04 내가 만든 앱 테스트하기 (3) - Integration Test

∙ 통합 테스트의 중요성
∙ 통합Flutter에서의 통합 테스트 구현
∙ 통합사용자 경험과 흐름 테스트

05 테스트 환경 구축하기 with Github Actions

∙ Github Actions를 사용한 CI/CD 파이프라인 구축
∙ 자동화된 테스트와 배포

9. Debugging Flutter

01 버그란 무엇인가?

∙ 버그란 무엇인가?

02 Flutter 디버깅 도구 - print와 logger

∙ DevTools 소개
∙ 성능 모니터링
∙ 위젯 인스펙터
∙ 네트워크 분석

03 에러 수집하기

∙ Firebase Crashlytics
∙ Sentry

Course 3. 뱅킹앱 : Native 앱에 Flutter 도입(Add-to-app)

1. Flutter add-to-app

01 App 개발 방식 선택 가이드

∙ 다양한 App 개발 방식 소개
∙ 상황에 따른 App 개발 방식 선택 가이드
∙ Flutter 도입 후기
∙ [참고] Flutter code push 기능 소개

02 예제 통한 Flutter add-to-app 구현

∙ Flutter add-to-app란?
∙ Flutter add-to-app 도입 후기
∙ 예제 및 개발툴 소개
∙ Native 개발 환경 구축 안내
∙ Flutter 프로젝트 생성 및 화면 개발
∙ Native에서 Flutter single screen 띄우기 - ios
∙ Native에서 Flutter single screen 띄우기 - aos
∙ Flutter와 Native간 통신 - ios
∙ Flutter와 Native간 통신 - aos
∙ Native에서 Flutter multi screen 띄우기 - ios
∙ Native에서 Flutter multi screen 띄우기 - aos
∙ Flutter debugging 하기 - ios
∙ Flutter debugging 하기 - aos
∙ 실제 앱 배포하기 - ios
∙ 실제 앱 배포하기 - aos
∙ [참고] Flutter boost 소개
∙ [참고] Flutter boost로 예제 앱 다시 개발 - ios
∙ [참고] Flutter boost로 예제 앱 다시 개발 - aos

부록 : Flutter & Native 기초 개념

1. Flutter 기초 핵심개념

01 Dart 기초

∙ Dart 언어의 기본 개념
∙ 변수, 데이터 타입, 함수, 클래스

02 Flutter 기초

∙ Flutter 개요 및 아키텍처
∙ Flutter 설치 및 환경 설정

03 Flutter UI의 기본 이해

∙ Flutter의 UI 철학 ∙ 플랫폼 별 선언형 UI 소개 ∙ 선언형 UI 개념의 이해 ∙ 플랫폼 별 선언형 UI 소개 ∙ 명령형 UI와 선언형 UI의 비교

04 선언형 UI의 세계적 트렌드

∙ 왜 선언형 UI가 대세가 되었는가
∙ 플랫폼 별 선언형 UI 소개

05 Flutter의 선언형 UI 심화 분석

∙ Flutter에서 선언형 UI의 적용
∙ UI = f(state)

06 Flutter 기본 위젯

∙ Flutter 기본 위젯 (1)
∙ Flutter 기본 위젯 (2)

07 실습: Flutter에서 선언형 UI 구현

∙ 간단한 Flutter 앱을 통한 선언형 UI 구현 실습

2. Android 기초 개념

01 Kotlin 기초

∙ 오리엔테이션
∙ 함수
∙ 변수 (val, var)
∙ 클래스
∙ 조건식
∙ 반복문
∙ 컬렉션 (list, map, set)
∙ Null
∙ 타입체크와 캐스팅
∙ String template

02 Kotlin 중급

∙ 람다
∙ 확장함수
∙ Scope function
∙ 초기화 지연
∙ data, sealed class
∙ object, companion object

03 Android 기본

∙ Android OS
∙ Android 기본 요소
∙ Activity 생명주기 (1)
∙ Activity 생명주기 (2)
∙ 뷰 그려지는 순서

04 Android 개발 환경설정

∙ Android Studio 설치
∙ Android Studio 살펴보기
∙ ktlint 적용해보기
∙ detekt 적용해보기

3. iOS 기초 개념

01 오리엔테이션

∙ 전반적인 문법에 대한 개요

02 문법의 첫 걸음

∙ 변수 - 값을 저장하고 다루는 방법
∙ 변수의 타입 - 데이터의 종류
∙ 컬렉션 - 여러개의 변수를 만드는 방법
∙ 조건문 - 조건에 따라 다르게 동작하는 방법
∙ 반복문 - 같은 코드를 반복하는 방법
∙ 함수 - 같은 동작을 하는 방법
∙ 중간 점검해보기

03 코드로 구조 잡기

∙ 구조체 - 하나의 동작을 하는 객체 만들기
∙ 클래스 - 주소값으로 객체를 만들기
∙ ObserableObject
∙ 열거형 - 필요한 선택지를 만드는 방법
∙ 스위치 - 선택지를 사용해서, 케이스 별로 정리하는 방법
∙ 옵셔널 - 있을 수 있는 것과 없는 것
∙ 옵셔널 바인딩, 체이닝 - 옵셔널 값을 안전하게 사용하기
∙ 실제 만들면서 배운 것들 활용해보기

04 문법 활용해서 코딩하기

∙ 예외처리 - 만약 에러가 발생한다면
∙ 프로토콜 - 설계하고 설계대로 만드는 방법
∙ 제네릭 - 모든 타입을 커버하는 방법

상세 커리큘럼 보기

해당 강의는 사전 예약 상품입니다.

영상 공개는 다음과 같이 5회에 걸쳐 공개됩니다.
(강의 1회 결제시 모든 영상을 평생 반복 수강 가능합니다.)

-----

1차 공개 24년 02월 08일 (목)
2차 공개 24년 03월 07일 (목)
3차 공개 24년 05월 02일 (목)
전체 공개 24년 06월 06일 (목)

(자동)

정가 ~~(자동)~~

할인 금액 (자동)

현재 판매가 (자동)

(자동)

* 12개월 무이자 할부 시

바로 구매하기

학습규정 * 본 상품은 동영상 형태의 강의를 수강하는 상품입니다.
* 상황에 따라 사전 공지 없이 할인이 조기 마감되거나 연장될 수 있습니다.
* 해당 강의는 사전 예약 상품으로, 강의 영상이 공개 일정에 따라 순차적으로 제작되어 오픈됩니다.
* 본 강의의 일부 파트는 [네카라쿠배 5개 앱으로 완성하는 iOS 앱 개발] 강의의 Part 1과 [35개 프로젝트로 배우는Android 앱 개발]강의의 Part 0 강의 내용과 동일합니다.

총 학습기간:
– 정상 수강기간(유료 수강기간) 최초 3개월(60일), 무료 수강 기간은 61일차 이후로 무제한이며, 유료 수강기간과 무료 수강기간 모두 동일하게 시청 가능합니다.
– 본 패키지는 약 51시간 분량으로, 일 1시간 내외의 학습 시간을 통해 정상 수강 기간(=유료 수강 기간) 내에 모두 수강이 가능합니다.
– 수강시작일: 수강 시작일은 결제일로부터 기간이 산정되며, 결제를 완료하시면 마이페이지를 통해 바로 수강이 가능합니다. (사전 예약 강의는 1차 강의 오픈일)
– 패스트캠퍼스의 사정으로 수강시작이 늦어진 경우에는 해당 일정 만큼 수강 시작일이 연기됩니다.
– 일부 강의는 아직 모든 영상이 공개되지 않았습니다. 각 상세페이지 하단에 공개 일정이 안내되어 있습니다.

주의사항 – 상황에 따라 사전 공지 없이 할인이 조기 마감되거나 연장될 수 있습니다.
– 천재지변, 폐업 등 서비스 중단이 불가피한 상황에는 서비스가 종료될 수 있습니다.
– 본 상품은 기수강생 할인, VIP CLUB 제도 (구 프리미엄 멤버십), 기타 할인 이벤트 적용이 불가할 수 있습니다.
– 커리큘럼은 제작 과정에서 일부 추가, 삭제 및 변경될 수 있습니다.
– 쿠폰 적용이나 프로모션 등으로 인해 5만원 이하의 금액으로 강의를 결제할 경우, 할부가 적용되지 않습니다.

환불규정 – 환불금액은 정가가 아닌 실제 결제금액을 기준으로 계산됩니다.
– 쿠폰을 사용하여 강의를 결제하신 후 취소/환불 시 쿠폰은 복구되지 않습니다.

– 수강시작 후 7일 이내, 5강 미만 수강 시에는 100% 환불 가능합니다.
– 수강시작 후 7일 초과, 5강 이상 수강 시 정상 수강기간(유료 수강기간) 대비 잔여일에 대해 다음과 같이 환불 가능합니다.
환불요청일 시 기준
: 수강시작 후 1/3 경과 전, 실 결제금액의 2/3에 해당하는 금액 환불
: 수강시작 후 1/2 경과 전, 실 결제금액의 1/2에 해당하는 금액 환불
: 수강시작 후 1/2 경과 후, 환불 금액 없음

* 보다 자세한 환불 규정은 홈페이지 취소/환불 정책에서 확인 가능합니다.

패스트캠퍼스 정책 안내 [패스트캠퍼스 아이디 공유 금지 정책]
패스트캠퍼스의 모든 온라인 강의에서는 1개의 아이디로 여러명이 공유하는 형태를 금지하고 있습니다.
동시접속에 대한 기록은 내부 시스템을 통해 자동으로 누적되며, 이후 서비스 이용이 제한될 수 있습니다.

[기기제한 정책]
패스트캠퍼스 온라인 강의 시청을 위해서는 ID별 최대 3개의 기기를 등록할 수 있으며, 기기 등록은 온라인 강의장 접속 시 자동 등록됩니다.
최대 갯수를 초과하였을 경우 등록된 기기 해제가 필요합니다.

[저작권 정책]
패스트캠퍼스의 모든 강의는 무단 배포 및 가공하는 행위, 캡쳐 및 녹화하여 공유하는 행위, 무단으로 판매하는 행위 등 일체의 저작권 침해 행위를 금지합니다.
부정 사용이 적발될 경우 저작권법 위반에 의한 법적인 제재를 받으실 수 있습니다.

root layout