[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
이 강의를 통해 주니어급 Flutter 개발자가 중급 Flutter 개발자가 되기까지 필요한 필수 지식들을 단기간에 배워볼 수 있습니다.
중급자를 위해 준비한
[모바일 앱 개발] 강의입니다.
이런 걸
배워요!
Flutter
Riverpod 상태관리
Pagination
JWT 토큰관리 및 인증
Optimistic Response
JsonSerializable
GoRouter
Retrofit
Dio 토큰관리 자동화
실전 OOP
Debounce and Throttle
중급 플러터 개발자로 업그레이드하고 싶다면?
믿고보는 코드팩토리의 실무 중심 강의 🖥
교보문고 2023 상반기 베스트셀러 저자가 직접 가르쳐주는 강의
컴퓨터/IT 부문 23위 TOP30 이내 유일한 앱 개발 서적\
플러터만으로 2022년 슈퍼루키 달성!
대기업에서도 찾는 강의! 리뷰가 증명하는 최고의 강의 보장해드립니다!
🙋♂️ 수강 전 참고사항
- 이 강의는 단순히 "배달앱"을 만들기 위해 제작된 강의가 아닙니다! 절대 클론 코딩이 아니니 단순히 배달앱을 만드는 방법을 배우고 싶은 분에겐 적합하지 않은 강의일 수 있습니다. 배달앱 컨셉은 제가 전달하려는 프로그래밍 지식의 매개체 역할을 할뿐입니다. 어떤 앱이든 꼭 알아야하고 적용할 수 있는 지식을 담았으니 참고해주세요!
- 코드팩토리 Flutter 초급 강의에 비해 난이도가 매우 높습니다! 실전에 꼭 필요한 지식들을 담았으니 여러 번 반복해서 완전 내 것으로 만든다는 마인드로 수강해주세요. 100% 흡수하고 나면 당장 실무 투입이 가능한 개발자가 되리라고 자신합니다!
- 이번 프로젝트는 실제 서버 연동 실전감각을 키우기 위해 제가 직접 제작한 NestJS기반의 REST API 서버를 제공해드립니다. Swagger 서버 다큐멘테이션을 보면서 실전처럼 API 연동을 진행하며 주니어 개발자들이 알아야 할 필수 지식들을 익힙니다.
학습 내용 📚
1) Authentication (인증 로직)
현대에 가장 많이 사용되는 Token Authentication 중에서도 Refresh Token과 Access Token을 사용해서 인증을 진행하는 시스템을 공부합니다. Dio를 이용해서 자동으로 토큰을 갱신하는 방법도 학습합니다.
2) Pagination
Page 기반의 Pagination과 Cursor 기반의 Pagination 이론을 배운 후 Cursor Pagination을 OOP로 효율적으로 풀어볼 수 있는 방법에 대해 깊게 학습합니다.
3) JsonSerializable
JsonSerializable은 모델을 생성할때 JSON을 오브젝트로 Serialize하는 코드를 작성할 필요가 없게 만들어줍니다. JsonSerializable 기본 사용법과 Pagination과 연동한 Inheritance 적용법도 배워봅니다.
4) Retrofit
Retrofit은 Flutter의 Code Generation 중 가장 유용한 툴이고, REST API 매핑을 자동으로 해주며 JsonSerializable과 호흡이 매우 좋은 패키지입니다. Retrofit을 이용해서 모든 API 매핑을 진행합니다.
5) Riverpod 및 Cache 관리
Riverpod에 존재하는 모든 Provider들의 사용법을 배워보고 실전에 적용도 해봅니다. 추가적으로 여러 Provider를 동시에 관리하며 Cache를 최적화해서 관리하는 방법도 배워봅니다.
6) GoRouter
앱/웹에서 사용한 라우팅 라이브러리인 GoRouter는 Dynamic Link, Deep Link, Redirect, Refresh룰등 유용한 기능을 기본으로 제공해줍니다. 이를 통해 인증 시스템을 완벽히 구성해봅니다.
7) Debounce and Throttle
Debounce와 Throttle은 서버의 과부하및 앱의 최적화까지 생각해볼 수 있는 중요한 기술입니다. 이번 강의에서 Debounce및 Throttle의 적절한 사용 상황과 사용법을 배워봅니다.
8) Swagger
서버 개발자가 프론트엔드 개발자와 소통하기위해 가장 많이 사용하는 다큐멘테이션 툴인 Swagger를 사용해서 API 규격을 이해하고 프론트엔드 코드로 소화시키는 방법을 배웁니다.
9) Optimistic Response
Optimistic Response는 긍정적 응답을 예측해서 미리 캐시를 업데이트하는 기술입니다. 어떤 상황에 어떻게 적용하면 좋은지 이 강의에서 배워볼 수 있습니다.
소개합니다,
프로젝트 스크린! 🤸♀️
첫 앱 실행 시 필요한 인증/검증 로직과 라우팅 로직을 세팅합니다.
로그인 스크린입니다.
레스토랑 정보를 Pagination하는 홈스크린입니다.
Pagination과 Throttle에 대해 배워보고 직접 실전에 적용해봅니다.
레스토랑의 상세페이지로 주문할 음식을 선택할 수 있고, 아래로 스크롤하면 레스토랑 리뷰도
조회 가능합니다. Custom Scroll View를 이용해 여러 개의 Sliver List를 실전에 적용해봅니다.
선택한 음식을 확인할 수 있는 장바구니 스크린입니다.
Optimistic Response와 Debounce 기능을 배워보고 적용해봅니다.
음식들을 리스트로 조회할 수 있는 페이지입니다.
Pagination 일반화 및 고급 캐시관리 기능을 배워봅니다.
주문들을 조회할 수 있는 탭으로, Pagination 일반화를 해봅니다.
#8 프로필 탭
로그아웃 기능이 있는 프로필 탭입니다.
강의 한 마디 🎙
Flutter가 출시된 뒤로 수많은 크고 작은 프로젝트를 직접 경험해봤습니다. 그리고 최근에는 채용과 컨설팅의 목적으로 많은 인터뷰를 보면서 많은 프론트엔드 개발자들이 단순히 UI를 그려내는데 포커스를 과하게 맞춘다는 생각이 들었습니다. 물론 보기좋은 UI를 그려내는 것은 프론트엔드 개발자의 가장 중요한 스킬 중 하나입니다. 하지만 정확한 컴퓨터 공학적 이해도와 프로젝트를 갖추고 군더더기 없는 코드를 작성해 나가는 것 또한 그에 못지않게 중요합니다.
이번 강의는 실무 경험이 부족한 Flutter 개발자들이 코드를 작성할 때 원활한 협업과 유지관리의 관점에서 어떤 고민을 해야 하는지 학습할 수 있습니다. Flutter 초보강의와 다르게 이 강의는 하나의 프로젝트를 진행하며 중급 Flutter 개발자로서 꼭 알아야하는 지식과 좋은 코드 작성 방식에 집중합니다. 프로젝트의 중간마다 고의적으로 함정들을 심어두고 이를 극복해나가며 어떻게 더욱 좋은 코드를 작성할 수 있는지 마음으로 직접 느끼는데 집중을 했습니다. 주니어 수준의 Flutter 개발자를 실무에 투입이 가능한 수준까지 실력을 끌어올리는데 초점이 맞춰져있습니다. 실제 프로젝트에서 꼭 알고있어야하는 필수 지식인 Authentication 시스템, Refresh, Access Token 관리, 글로벌 상태관리, Pagination, Debounce와 Throttle 등을 한번에 실제 프로젝트에 적용해보며 공부합니다.
이런 분들에게 추천해요 🖐
이제 막 Flutter 초보 딱지를 뗀 상태로
한 단계 지식 레벨업을 하고싶으신 분
어느 정도 Flutter 프로그래밍에 대해 알지만
막상 프로젝트를 시작하려니 막막하신 분
수강후기를 모았어요 📜
최고의 커뮤니케이션 🧑🏼🏫
매주 유튜브 라이브를 통해 질의응답을 받으며 학생들과 소통합니다!
유튜브 라이브 푸쉬알림을 받고싶으시면 아래 코드팩토리 유튜브 채널을 구독해주세요!
코드팩토리 집필 서적
Must Have 코드팩토리의 플러터 프로그래밍 서적은 제가 오랜 기간 투자해서 직접 집필한 책입니다!
초급 강의와 곂치는 내용도 있고 초급강의에는 없는 Firebase 및 광고등에대한 강의도 있습니다!
EBook이나 실물 서적을 좋아하시는 분들에게 추천드립니다!
서적은 교보문고, Yes24, 알라딘등 메이저 서점에서 만나 볼 수 있습니다!
아래 이미지를 클릭해서 이동해주세요!
Q&A 💬
Q. 코드팩토리 Flutter 초보강의를 꼭 수강해야하나요?
코드팩토리 Flutter 초보강의에 준하는 지식이 이미 있다면 추가로 수강할 필요는 없습니다. 하지만 코드팩토리 Flutter 초보강의를 수강했다는 가정하에 제작된 강의이기 때문에 이미 설명한 개념은 반복해서 설명하지 않습니다. 최소 코드팩토리 Flutter 초보강의에 준하는 지식이 없다면 따라오기 힘든 강의이니 초보 강의부터 수강해주세요!
Q. 배달앱을 제작하는 강의인가요?
진행하는 프로젝트의 컨셉은 배달앱이 맞습니다. 하지만 배달앱의 UI/UX나 기능의 플로우와 전혀 관련이 없는 강의입니다. "컨셉"만 지식을 전달하는 매개체로 사용할 뿐이고 주니어 Flutter 개발자가 중급 Flutter 개발자가 되기위해 꼭 알아야하는 보편적인 지식들을 습득하는 강의입니다. 단순히 "배달앱 제작법"을 위해서는 이 강의를 수강하지 마세요!
Q. 이 강의를 수강하면 어느정도 수준의 개발자가 될 수 있나요?
한마디로 말하면 당장 실무 투입이 가능한 수준이 된다고 생각합니다. 오랜 기간 동안 여러 프로젝트와 인터뷰를 봐오면서 Flutter 개발자가 꼭 알고왔으면 좋겠다고 생각한 지식들을 담았습니다.
더 많은 코드팩토리님의 강의는?
[초급] Flutter 3.0 앱 개발
- 10개의 프로젝트로 초보 탈출!
- Dart 언어 마스터
- Flutter로 예쁜 UI 제작
- SQLite 데이터베이스 활용기
- 동영상 플레이어 앱 제작
기타 사항 ✔️
(1) 도움받고 배울 수 있는 다른 채널들!
🏭 코드팩토리 유튜브
🔥 코드팩토리 Discord
💬 코드팩토리 카카오 오픈톡
(2) 강의용으로 공유되는 이미지
강의에서 제가 제공해드리는 이미지들은 유료로 직접 구매한 이미지들이예요. 저는 창작물을 만들어 배포해드릴 수 있는 권리를 구매했지만 여러분들은 절대로 다른 사람 또는 인터넷에 이미지를 배포하시면 안돼요! 저작권 위반으로 법적 문제가 생길 수 있으니 공부하는 용도 외로 이미지들을 사용하지 마세요.
(3) 질문하는 법
프로그래밍을 배우면서 정말 빠르게 실력을 늘릴 수 있는 법은 올바르게 정확한 질문을 하는 법을 깨우치는거예요. 프로그래밍의 특성상 코드의 전체를 다 봐주기 어려워요. 그러니 문제가 되는 위젯의 코드를 통째로 올린 후 "이거 안돼요!" 하시면 제가 답변을 해드리기 어려워요.
질문을 하실 때는, 밑의 3단계로 잘 정리해서 전달해주시면 훨씬 빠르게 소통하고 답변을 드릴 수 있어요!
1️⃣ 내가 생각했을때 어떤 식으로 작동이 되어야 하는지
2️⃣ 현재 어떻게 작동되는지
3️⃣ 정확한 코드의 위치와 어떤 문제가 생기는지 (예제까지 있으면👏)
이런 분들께
추천드려요!
학습 대상은
누구일까요?
어려운 컨셉이라도 반복적으로 수강하고 흡수할 자신이 있는분
플러터 개발 능력을 한단계 업그레이드 하고싶은분
코드팩토리 Flutter 초급 강의를 완전 흡수하신분
실무 프로젝트를 경험하고싶으신분
회사에 시니어 엔지니어가 없는 주니어 개발자
선수 지식,
필요할까요?
Flutter 주니어 개발자 수준의 지식
안녕하세요
코드팩토리입니다.
안녕하세요 프로그래밍 강사 코드팩토리입니다!
코드팩토리 통합 링크
https://links.codefactory.ai
🏭 코드팩토리 유튜브 바로가기
🔥 코드팩토리 Discord 바로가기
💬 코드팩토리 카카오 오픈톡 바로가기
💼 주식회사 코드팩토리 대표
🏆 2023년 인프런 베스트셀러 수상
🏆 <<Must Have 코드팩토리의 플러터 프로그래밍>> 서적 2023 상반기 교보문고 컴퓨터/IT 부문 베스트셀러 23위
🏆 AWS Certified Developer Associate
🏆 AWS Certified Solutions Architect
커리큘럼
전체
147개 ∙ (21시간 6분)
가 제공되는 강의입니다.
강의 소개
04:11
색상 상수 지정하기
08:25
텍스트필드 디자인하기
17:20
UI 배치하기
15:18
UI 마무리하기
05:50
Token과 Session 이론
24:22
JWT 토큰 이론
08:16
서버 세팅하기
07:30
서버 실행 주의사항
01:35
Dio로 Auth API 요청해보기
15:24
간단한 로그인 시스템 만들어보기
06:46
SplashScreen 구현해보기
18:04