![[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!강의 썸네일](https://cdn.inflearn.com/public/courses/328329/cover/72f06aa7-f5f1-422b-88a7-bca65e78dffd/328329.png?w=420)
[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
코드팩토리
iOS 앱과 Android 앱을 코드 한번만 작성해서 모두 제작한다! 코드팩토리의 Flutter 초보 탈출 강의! 디테일한 이론과 흥미로운 프로젝트를 진행하며 탄탄한 기본기 쌓기!
초급
Flutter, 클론코딩
이 강의를 통해 주니어급 Flutter 개발자가 중급 Flutter 개발자가 되기까지 필요한 필수 지식들을 단기간에 배워볼 수 있습니다.
Flutter
Riverpod 상태관리
Pagination
JWT 토큰관리 및 인증
Optimistic Response
JsonSerializable
GoRouter
Retrofit
Dio 토큰관리 자동화
실전 OOP
Debounce and Throttle
중급 플러터 개발자로 업그레이드하고 싶다면?
믿고보는 코드팩토리의 실무 중심 강의 🖥
컴퓨터/IT 부문 23위 TOP30 이내 유일한 앱 개발 서적\
🙋♂️ 수강 전 참고사항
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. 코드팩토리 Flutter 초보강의를 꼭 수강해야하나요?
코드팩토리 Flutter 초보강의에 준하는 지식이 이미 있다면 추가로 수강할 필요는 없습니다. 하지만 코드팩토리 Flutter 초보강의를 수강했다는 가정하에 제작된 강의이기 때문에 이미 설명한 개념은 반복해서 설명하지 않습니다. 최소 코드팩토리 Flutter 초보강의에 준하는 지식이 없다면 따라오기 힘든 강의이니 초보 강의부터 수강해주세요!
Q. 배달앱을 제작하는 강의인가요?
진행하는 프로젝트의 컨셉은 배달앱이 맞습니다. 하지만 배달앱의 UI/UX나 기능의 플로우와 전혀 관련이 없는 강의입니다. "컨셉"만 지식을 전달하는 매개체로 사용할 뿐이고 주니어 Flutter 개발자가 중급 Flutter 개발자가 되기위해 꼭 알아야하는 보편적인 지식들을 습득하는 강의입니다. 단순히 "배달앱 제작법"을 위해서는 이 강의를 수강하지 마세요!
Q. 이 강의를 수강하면 어느정도 수준의 개발자가 될 수 있나요?
한마디로 말하면 당장 실무 투입이 가능한 수준이 된다고 생각합니다. 오랜 기간 동안 여러 프로젝트와 인터뷰를 봐오면서 Flutter 개발자가 꼭 알고왔으면 좋겠다고 생각한 지식들을 담았습니다.
[초급] Flutter 3.0 앱 개발
- 10개의 프로젝트로 초보 탈출!
🏭 코드팩토리 유튜브
🔥 코드팩토리 Discord
💬 코드팩토리 카카오 오픈톡
강의에서 제가 제공해드리는 이미지들은 유료로 직접 구매한 이미지들이예요. 저는 창작물을 만들어 배포해드릴 수 있는 권리를 구매했지만 여러분들은 절대로 다른 사람 또는 인터넷에 이미지를 배포하시면 안돼요! 저작권 위반으로 법적 문제가 생길 수 있으니 공부하는 용도 외로 이미지들을 사용하지 마세요.
프로그래밍을 배우면서 정말 빠르게 실력을 늘릴 수 있는 법은 올바르게 정확한 질문을 하는 법을 깨우치는거예요. 프로그래밍의 특성상 코드의 전체를 다 봐주기 어려워요. 그러니 문제가 되는 위젯의 코드를 통째로 올린 후 "이거 안돼요!" 하시면 제가 답변을 해드리기 어려워요.
질문을 하실 때는, 밑의 3단계로 잘 정리해서 전달해주시면 훨씬 빠르게 소통하고 답변을 드릴 수 있어요!
1️⃣ 내가 생각했을때 어떤 식으로 작동이 되어야 하는지
2️⃣ 현재 어떻게 작동되는지
3️⃣ 정확한 코드의 위치와 어떤 문제가 생기는지 (예제까지 있으면👏)
학습 대상은
누구일까요?
어려운 컨셉이라도 반복적으로 수강하고 흡수할 자신이 있는분
플러터 개발 능력을 한단계 업그레이드 하고싶은분
코드팩토리 Flutter 초급 강의를 완전 흡수하신분
실무 프로젝트를 경험하고싶으신분
회사에 시니어 엔지니어가 없는 주니어 개발자
선수 지식,
필요할까요?
Flutter 주니어 개발자 수준의 지식
26,845
명
수강생
1,363
개
수강평
1,839
개
답변
5.0
점
강의 평점
6
개
강의
안녕하세요 프로그래밍 강사 코드팩토리입니다!
코드팩토리 통합 링크
https://links.codefactory.ai
🏭 코드팩토리 유튜브 바로가기
🔥 코드팩토리 Discord 바로가기
💬 코드팩토리 카카오 오픈톡 바로가기
💼 주식회사 코드팩토리 대표
🏆 2023년 인프런 베스트셀러 수상
🏆 <<Must Have 코드팩토리의 플러터 프로그래밍>> 서적 2023 상반기 교보문고 컴퓨터/IT 부문 베스트셀러 23위
🏆 AWS Certified Developer Associate
🏆 AWS Certified Solutions Architect
전체
147개 ∙ (21시간 6분)
해당 강의에서 제공:
1. 강의 소개
04:11
2. 색상 상수 지정하기
08:25
3. 텍스트필드 디자인하기
17:20
4. UI 배치하기
15:18
5. UI 마무리하기
05:50
6. Token과 Session 이론
24:22
7. JWT 토큰 이론
08:16
9. 서버 세팅하기
07:30
10. 서버 실행 주의사항
01:35
전체
155개
4.9
155개의 수강평
수강평 1
∙
평균 평점 3.0
3
플러터 좋은 강의 감사합니다~ 강의 들으면서 아쉬운 점이 많아서 길게 적었습니다. 요약 - 플러터로 앱을 만드는 강의로써는 훌륭하나, 플러터를 이해하는 데는 글쌔? ------------------------------------------------------ 전체 수강 평 flutter 코드를 짜시는 속도를 보니 관련된 작업을 많이 하신 것 같은데, 그에 비해 전체적인 프로젝트 설계 능력이나 경험, IT 지식 등이 다소 부족한 느낌이었습니다. 물론 취준생분들이나 학생 분들이 듣기에는 충분하다고 생각하나, 어느정도 경력이 있는 개발자가 듣기에는 중간중간 개념설명이 잘못된 부분이나 프로젝트를 왜 이렇게 구성했지? 라는 생각이 많이 들었습니다. 강의 들으면서 처음에는 질문하기를 통해 글을 남겼는데, 이거 계속 쓰면 강의 진도가 안 나갈 것 같아서 따로 메모하면서 그냥 강의를 넘겼네요. 일단 적은 거는 아래와 같습니다. - 인증 과정 설명 중 token이나 session에 대한 이론 설명 부족 -> 이건 질문에 남김 - 프로젝트 구조를 가져가는 데 있어 자세한 설명 부족. 플러터에서 어떤 패턴들을 사용하는지 얘기를 좀 듣고 싶었는데 설명없이 repository 만들고 provider 만들고~ - 제공된 서버 API의 response 형식 안 맞음. 페이징을 하던 안하던 응답 모델이 동일해야 개발하기 편한데 페이징 있는 건 data로 한번 감싸서 내려주고, 아닌 건 그냥 쌩으로 내려주니, 이건 클라에서도 공통으로 관리할 수가 없어서 너모 불편한데,, - Dio 인터셉터 만들 때 '그냥 rule이에요~'라고 하면서 따라 하면 된다는 식의 설명, 전체적으로 네트워크 쪽이 설명이 미흡 - 중간중간 "oop를 아신다면 ,,"이라고 설명을 스킵하는 부분이 있는데, oop에 대한 개념이 아님에도 말하는 부분이 있음 - 네이밍이 전체적으로 안 맞음. 같은 이미지 URL필드도 imgUrl, imageUrl 두개 쓰임, user_model은 userModel로 camel로 사용하지만 username은 왜 userName으로 안 쓰는지 모르겠음 - 강의 후반으로 갈수록 같은 말을 반복하는 구간이 늘어남. 영상 편집 때문인 것 같은데 같은말 반복하는 구간도 있고.. 보는데 불편 - gorouter 챕터 이후 갑자기 UerMeRepository로 넘어감. 이전 강의에서 UserModel은 안만들었는데 생김. 강의가 빠진것 같음 ... 위와 같은 내용들 때문에 사실 강의를 듣는다기 보다는, 강의 처음 시작할때 무엇을 해볼까요~ 하면 강의 멈추고 직접 구현하고 비교하는 방식으로 강의를 봤는데요, 실제로 github이나 stackoverflow 등에서 본 레퍼런스 코드들이 훨신 깔끔하고 구조가 좋은 느낌이었습니다.(+ 집필한 책도 구매해서 보았는데, 뭔가 큰 회사의 프로젝트를 경험한적이 없다는 느낌이 드네요.) 강의를 들으면서 수강평은 안남기는 편인데, 강의 도중에 이런 말을 너무 많이 해서 글을 쓰게 됬습니다. "이건 프로젝트, 팀, 사람마다 다르기 때문에 이 코드와 다르게 짤수도 있어요" "이건 이렇게 할수 있지 않나요? 라고 하시면 저는 할말이 없습니다." 등등 태클에 대해 방어적인 말들을 많이하시는데, 강의를 듣는 입장에서는 오히려 부정적으로 들립니다. 다양한 프로젝트 경험이 있다면 다양한 예를 설명하면서 이런방법 저런방법이 있다라고 설명할 수 있을 것 같은데, 그러지 못해서 이런 말을 하는것처럼 보이거든요. 차라리 언급은 안하셨다면 더 좋았을 것 같네요. 그리고 "돈주고 파는 강의이기 때문에 다 알려드립니다"라는 말도 많이 하시는데, 설명이 너무 빈약합니다. 강의 들으면서 내부 코드 까보는데 더 시간 오래걸린것 같네요. 제가 생각하기에 '중급'이라면 내부적으로 코드가 어떻게 돌아가는지까지 설명받길 기대하는데, 안이 어떻게 돌아가는지 모르고 그냥 있는거 가져다 쓰는 강의였습니다. 추후 강의에서는 다양한 프로젝트에 대한 예시나 내부 로직등에 대한 설명도 추가되었으면 좋겠습니다.
안녕하세요! 아쉽게 느끼셨던 부분들을 충족해드리지 못해서 죄송합니다. 진정성 있는 수강평에 저도 많은 반성을 하게 되네요! 앞으로 더욱 발전하는 모습 보여드리도록 하겠습니다. 강의 들으시는데 고생 많으셨습니다. 감사합니다!
수강평 2
∙
평균 평점 5.0
5
정말 완벽에 가까운 강의입니다. 강의명이 [중급]이라고 되어있지만 [중-고급]이라고 해도 무방할 정도로 강의 내용이 탄탄합니다. 바로 실무에서 적용 가능한 내용들이 대부분이므로 현업 Flutter 개발자분들은 물론, 취업을 준비하시는 분들에게 정말 안성맞춤인 강의라고 할 수 있습니다. 솔직히 이런 퀄리티의 강의가 이 정도의 가격에 배울 수 있다는 것은 정말 거저먹기입니다. 개발을 15년 이상을 해온 저 뿐만 아니라 1-2년이라도 실무를 해본 사람은 아마 무슨 말인지 알 거예요. 이렇게 상세하게 알려주는 사람이 어떤 회사에 다니고 있다고 한다면 저는 “당신의 월급을 다 그 사람에게 주더라도 1년만 배우고 오라"라고 진심 어리게 조언해 줄 것입니다. 좋은 사수한테 배우는 것만큼 빠른 성장은 없습니다. 개발자로써 정말 탄탄하게 성장하려면 배우는 사람의 자세와 열정도 분명히 필요하지만 이미 그 길을 걸어본 베테랑이 최적의 코스로 안내해 준다면 더할 나위가 없겠죠.. Flutter는 몇 년 전부터 떠들썩했지만 아직 중-고급 인력이 많이 부족합니다. 제가 생각하기에 이 강의를 반복해서 듣고 모든 것을 자신의 것으로 마스터한다면 정말 좋은 조건에 즐겁게 일할 수 있게 될 것입니다. 회사의 프로젝트뿐만 아니라 만들고자 하는 앱들도 뚝딱뚝딱할 정도로 실력 향상이 되겠죠. 저는 플러터를 공부하려고 서점에서 파는 거의 모든 책을 구매하였고, 온라인 클론 코딩도 많이 접하였습니다. 다른 플랫폼에서 플러터에 대해 정말 차근차근 잘 알려주는 강의도 들어봤습니다. 그런데 이게 제일 유용합니다. 가장 실무적이고, 가장 가성비가 있습니다. 이것을 먼저 배우고 부족한 부분을 채워나가시길 진심으로 조언합니다. 이어서 강사님께 진심으로 감사드리며, 훗날 [고급] 강의가 나오길 또 기대해보겠습니다.
감사합니다 ㅠㅠ 항상 응원해주시는 수강생분들때문에 더 열심히 강의를 제작하게 되는 것 같습니다. 다음에는 꼭 더 좋은 강의 찍어내도록 하겠습니다!!
수강평 4
∙
평균 평점 3.0
5
타 사이트에서 플러터 강의를 하나 들으며 플러터라는 것을 시작했었습니다. 사이트나 강사분 언급은 하지 않겠습니다만.. 지금 생각해보면 까놓고 말해서 강사님 수준이 너무 낮았다.. 라고밖에 평가할 수가 없네요. 그 강의를 들으며 불만이 참 많았습니다. 그냥 영타 연습하는 기분이었고 질의에 대한 답변도 시원하지 않았습니다. 그렇게 강의를 다 들었지만 제가 얻은것은 영타 실력. 그 이상 이하도 아니었습니다. 이후 혼자 구글링을 하고 숨*에서 1:1과외도 신청해서 개인 프로젝트를 하나 시도해봤습니다. 그 코드를 지금 까보면 진짜.. 말도 안나올정도로 조잡하고 왜 이렇게 짰나 싶을정도로 난잡합니다. 결국 돈만 쓰고 제대로 배우지는 못했던거죠. 개인 프로젝트 진도가 너무 안나가서 다른 강의를 찾기 시작했고, 그 때 찾게 된 것이 코드팩토리님의 강의였습니다. 당시 코드팩토리님 강의와 다른 강의 하나 중에 고민했는데(코팩님 강의가 2개였기에.. 살짝 고민했죠....ㅎㅎㅎㅎ) 그 때 코팩님 강의를 듣게 된 게 진짜 행운이라고밖에 생각이 안드네요. 4시간 다트강의를 들을때도, 초급강의를 들을 때도 윈도우를 사용하다가 빌드속도나 셋팅오류때문에 애먹었던것.. 외에 강의때문에 답답해서 몸이 베베꼬였던 적이 없었습니다. 지금은 맥북으로 하고있어서 아주 시원시원하네요 ㅎㅎ 그렇게 초급 강의를 한 번 들었고, 솔직히 들을때는 이해가 잘 되지 않는부분도 많아서 질문도 수차례 하고 구글링도 많이 해보며 어떻게 따라서 진행했습니다. 그 사이 개인 프로젝트도 갈아엎고 다시 진행중이구요. 제가 초급강의를 듣고 진짜 실력이 늘긴 늘었구나 라고 깨닫게 된 것이 지금 중급강의를 듣게 된 직후였습니다. 초급강의를 처음 접할때는 코드를 다 따라 쓰며 대조해보고, 이해하며 따라가기 바빴는데 중급 강의 초반 부분, UI부분이나 스크린부분을 만드는 기초적인 부분은 화면을 보지않고 강사님이 말하는 것만 들어도 따라가는 것을 보고는 아! 진짜 초급 강의의 효과가 있긴 했구나! 라는것을 확실히 깨닫게 됐네요.(생각해보니 Future/Stream Builder는 전혀 모르는 개념이었는데 지금 개인 프로젝트에는 아무렇지 않게 들어가있네요.) 아직 남은 분량이 많고 어려운 부분은 시작하지도 않았겠지만 중급강의 역시 강사님을 믿고 따라간다면 완강 후에는 저도 모르는 새 레벨업이 되어있을 것이라는 확신이 생깁니다. 중급강의 초반부분이지만 끝까지 낙오하지 않고 잘 따라 진행해서 저도 스스로 깔끔한 코드를 만들수 있는 코팩님의 제자 개발자가 되어보겠습니다!
감사합니다 ㅠㅠ 정말 저에겐 큰 힘이되는 수강평입니다!! 더 좋은 강의 만들 수 있도록 노력하겠습니다!
수강평 4
∙
평균 평점 4.5
5
정말 기다리던 강의가 드디어 나왔네요. 나오자마자 강의 달리고 있는데 내용이 너무 알차서 기다린 보람이 있습니다. 현업 안드로이드 개발자인데, 올해 말 부터 flutter로 소규모 프로젝트를 여러개 연속적으로 해야될 상황이어서, dart 강의와 flutter 초급 강의를 듣고, 개인 프로젝트를 진행하고 있었습니다. 혼자 하기 부족한 부분들이 있어서 다른 flutter 중급 강의들을 들었는데 강의 구성이나 수준에서 아쉬운 부분들이 너무 많았습니다. 다행히 프로젝트들을 진행하기 직전에 중급 강의가 올라와서 빠르게 듣고 있는데, 정말정말 내용구성이 좋고 강의 준비가 완벽합니다. 게시판에 중급강의가 언제 올라오냐고 보챘었는데, 보다 완벽하게 준비하신다고 시간이 걸린다고 하셨는데, 그게 이해가 갈정도로 정말 잘 준비하신것 같습니다. 고마운 마음에 두서없이 이렇게 쓰고있는데, 혹시나 수강전에 고민하시는 분들이 보신다면, 그냥 바로 꼭 수강 하시면 됩니다 !!
감사합니다! 더욱 좋은 강의를 만들 수 있도록 노력할게요!!
월 ₩26,400
5개월 할부 시
₩132,000