Flutter로 만드는 iOS, Android 앱
Flutter 라이브러리를 사용하면 하나의 코드베이스로 iOS, Android 앱을 만들 수 있습니다.
- React Native보다 빠른 네이티브급 성능과 느낌을 기대할 수 있고
- 커스텀 디자인 넣기도 매우 쉽고
- 구글이 계속 밀어주고 업데이트 주기도 잦기 때문에
요즘 신규 앱개발을 해야하는데 시간과 자원이 부족하다면 Flutter가 탁월한 선택입니다.
이미 Stadia, BMW, Google 신규 앱은 플러터로 만들어서 사용중입니다.
우리도 실제 프로덕션 레벨의 앱들을 만들어보도록 합시다.
그냥 선생님 코드 따라하기 식으로 배우면 정말 그것 밖에 못만들기 때문에
혼자 코드짤 수 있게 Flutter 사용법과 문법의 용도를 많이 알려드리는 강의입니다.
Dart 라는 언어의 장벽을 느끼는 분들이 있는데
자바스크립트 하던 분들에게 맞춰 쉽게 진행합니다.
실은 Dart 문법은 그냥 자바스크립트랑 거의 똑같습니다. 자바스크립트 열화버전
[배울 내용]
프로젝트 : 연락처 관리 앱 만들기
프로젝트 : 인스타그램 앱 만들기
기본 레이아웃 디자인
커스터마이징
혼자서도 앱 레이아웃 잘짜는 법
state와 state 관리법
서버와 통신기능
전환 애니메이션
네비게이션, 탭 등 필수 UI
연락처, 사진 등 폰 데이터 사용하는 법
서버없어도 서버역할 해주는 Firebase 약간
로컬 데이터 저장
notification 알림 팝업
iOS, Android 앱 발행
[필요한 사전 지식]
- JavaScript 기초 (var, function, if else, for, array, object)
- 혹은 다른 프로그래밍 언어 기초 (var, function, if else, for)
- 코드 짜는게 처음이라면 JavaScript 기초강의 선행 추천드립니다.
[업데이트 내용]
플러터 3.X 셋팅방법
연락처 패키지 flutter_contacts로 변경
local_notification 신버전 내용 추가
커리큘럼
| Part 1 : 연락처앱 만들기 | |||
| 요즘 새로운 앱개발은 플러터로도 충분 | 무료 | 00:05:00 | |
| Flutter 설치와 개발환경 셋팅 2025 (윈도우 / 맥) | 무료 | 00:09:00 | |
| 플러터 기본 위젯 넣는 법 | 무료 | 00:13:00 | |
| 플러터 기본 앱 레이아웃 만드는 법 (Scaffold) | 무료 | 00:11:00 | |
| Flutter에서 박스디자인하는 법 (margin, padding, 정렬) | 무료 | 00:12:00 | |
| 플러터 Typography & 알아서 레이아웃 잘짜려면 | 00:11:00 | ||
| Expanded, Flexible & 상품 레이아웃 숙제 | 00:12:00 | ||
| 코드가 길어지면 커스텀 위젯만드세요 | 00:11:00 | ||
| 목록 많이 만들 땐 ListView.builder, 버튼에 기능만들기 | 00:09:00 | ||
| StatefulWidget 만들기 | 00:12:00 | ||
| Dialog/모달창 만드는 법과 context가 뭔지 | 00:13:00 | ||
| 자식 위젯이 부모 위젯의 state를 사용하고 싶으면 | 00:10:00 | ||
| 자식 위젯이 부모 위젯의 state를 변경하고 싶으면 | 00:09:00 | ||
| 숙제 : 글작성하면 목록이 생성되어야하는데요 | 00:10:00 | ||
| Android / iOS 기기에서 플러터앱을 미리보기 띄우려면 | 무료 | 00:05:00 | |
| 유저에게 앱 권한 요청하기 | 00:13:00 | ||
| 폰에 저장된 연락처 몰래 가져오는 법 & 타입시스템 | 00:13:00 | ||
| null check 하는 법 & Android 앱으로 발행하기 | 00:12:00 | ||
| iOS 앱으로 발행하기 | 00:05:00 | ||
| 글자입력란 TextField에 스타일주는 법 | 00:05:00 | ||
| Part 2 : Instagram 만들기 | |||
| 프로젝트설치 & ThemeData로 스타일 분리하려면 | 00:11:00 | ||
| import 문법과 ThemeData 추가 내용 | 00:11:00 | ||
| 탭으로 페이지 나누는 법 | 00:13:00 | ||
| 앱이 서버와 데이터 주고받는 법 | 00:16:00 | ||
| Future 다루기 그리고 FutureBuilder | 00:12:00 | ||
| 스크롤 위치 파악하는 법과 더보기 요청 | 00:10:00 | ||
| 상세페이지 만들기 (Navigator) | 00:10:00 | ||
| 폰에 저장된 이미지 가져오려면 | 00:12:00 | ||
| 선택한 이미지와 글을 게시물로 보여주라던 숙제 | 00:12:00 | ||
| DB없이 데이터 저장하려면 shared preferences | 00:12:00 | ||
| GestureDetector & 페이지 전환 애니메이션 | 00:13:00 | ||
| 3-step으로 자꾸 보내는거 싫으면 Provider 쓰든가 하쇼 | 00:12:00 | ||
| Provider 2 : store 여러개 & GET 요청 | 00:12:00 | ||
| GridView, CustomScrollView 프로필 페이지 만들기 | 00:11:00 | ||
| Local notification 알림 주는 법 | 00:12:00 | ||
| 유저 귀찮아하게 주기적인 알림띄우려면 | 00:10:00 | ||
| 서버 만들 줄 모르면 Firebase 쓰는 것도 나쁘지 않을 수도 | 00:10:00 | ||
| Firestore에 데이터 저장하고 뽑는 법 | 00:17:00 | ||
| Firebase 회원 인증기능 | 00:09:00 | ||
| Firestore 데이터 입출력시 규칙 정하는 법 | 00:11:00 | ||
| 반응형으로 스크린 사이즈 대응하기 | 00:13:00 | ||
| 유용한 패키지들 모음 | 00:05:00 | ||
좋습니다
추천
잘 배웠습니다.
꼭 필요한 부분만 깔끔하고 군더더기 없이 알려주셔서 감사합니다. 덕분에 빠르게 배웠습니다.
플러터는 코드가 좀 길어서 한 눈에 잘 안들어오네요.
그리고 설치부터 배포까지 오류가 많아서 구글링으로 오류해결하는데 시간이 오래 걸렸습니다.
두 가지 os를 한 번에 잡으려다보니, 어쩔수 없는 것 같습니다.
이런 강의 진짜
중독성 있어
개재밌어.
좋아요
플러터를 쉽게 알려주셔서 좋았습니다. 혼자 코드를 짤 수 있게 Flutter 사용법과 문법의 용도를 많이 알려주어 유익했습니다.
좋아요
핵심만 알려주셔서 지루하지 않고, 중간 중간 숙제를 하면서 제대로 이해하고 스스로 찾아서 배운 내용도 많았습니다.
수강완료
프로그래밍 지식이 없어도 들을 수 있지만 어느정도 있으면 더 좋습니다.
플러터를 혼자 공부해보면서 많은 시행착오가 있었는데 강의를 들으면 이러한 시행착오를 엄청 많이 줄여줍니다. 역시 돈을 내고 받는 강의가 최고군요..
적절한 난이도의 숙제와 강의 도중에 생각해볼 것들을 계속 제시해줘서 단순히 강의 내용을 듣는것이 아니라 혼자 여러 실습을 해보면서 앱 개발에 대해서 많은 자신감을 얻을 수 있었습니다.
추가적으로 강의를 듣다보면 후반부로 갈수록 외부 패키지가 강의에서 진행한 버전이랑 호환이 안되는 부분이 있는데 이런 것들은 해당 패키지의 pub.dev 페이지 보시면 쉽게 고칠 수 있습니다.
정말 잘 들었습니다. 감사합니다.
플러터 강의가 필요하다
이거 보면 될듯요
수강완료
플러터 처음 배우시는 분들께 강력히 추천합니다. 빠르게 플러터에 대해서 전체적인 큰 틀은 이해할 수 있고 이 강의만 보고 UI 구성은 다 할 줄 아는 경지에 이르게 되었습니다 ㅎㅎ 감사합니다 !!!
요거 물건이네
유니티 하다가 넘어와서 기초지식이 없는데도 귀에 쏙쏙 박히네요.
강추
어느 정도 프로그래밍 기초는 있어야 들을 수 있을 것 같아요!
원래 다른 flutter 강의를 들었는데, 문제가 생기면 원인을 알려주는게 아니라, 임시방편만 알려주고 넘어가는 부분이 많았습니다.
같은 사람이 생기지 않길 바라며, 그 다른 강의 홍보영상에 쓴 시간과 돈이 아깝다는 글을 썻는데, 그건 다음날 삭제했네요.
아무튼 이건 아니다 싶어서 코딩애플님 강의로 넘어왔는데, 코딩애플 강사님이 그 분보다 훨씬 깊이 있게 이해하시고 알려주시는 것 같습니다.
다만 강사님도 강의 중간에 얘기하시긴 하지만, 어느 정도 프로그래밍 기초는 갖추고 들을 때 더 효과적인 강의가 될 것 같습니다.
코딩애플 강사님은 원리를 알고 이건 그냥 이렇게 하세요 하는 부분들이 있는데,
이 부분은 개념을 잘 모르면 이해하기 어렵겠는데? 라는 생각이 드는 경우가 있었습니다.
프로그래밍 개념을 전부다 알기는 어렵고, 강의를 듣다가 의문이 생기는 부분이 있으면 관련 학습을 어느정도 진행하는 식으로 강의를 보면 좋을 것 같습니다.
3일 정도에 걸쳐 완강했고, 시간이 많이 드는 따라치기가 아니라 core 부분을 위주로 알려주신 부분도 좋았습니다.
좋습니다
이것만 보면 초보자도 앱 하나 뚝딱이네요
다만 강의가 좀 옛날 버전이라서 패키지도 업그레이드가 너무 많이 되서 신버전으로 설치하고 쓰면 사용법이 달라진것들이 몇개 있더라고요
그런 거만 빼면 flutter 입문 강의로 코딩애플 강의가 제격입니다