FlutterFlowで簡単にするノーコードアプリ開発

Name: FlutterFlowで簡単にするノーコードアプリ開発
Price: 45100 KRW
Rating: 4.8 (13 reviews)

コーディングなしで自分だけのアプリを作れる！🚀 初心者でもできるノーコード入門講座！ FlutterFlowを活用した実践アプリ開発で、簡単かつスピーディーにアプリを完成させましょう。

（4.8）受講レビュー 13件

受講生 48名

ujean

no-code

FlutterFlow

Firebase

No-code

学習した受講者のレビュー

受講後に得られること

アプリの画面UIを構成する
データベースを構築する
FlutterFlowウィジェット
グローバル変数の使い方
SNSと連携した会員登録
コメント機能の実装
いいね機能の実装
多様な条件文の使い方

KEY POINT! 📝

✅ FlutterFlowの基本概念理解（ウィジェット構造とアプリ制作方式学習）
✅ UI構成およびナビゲーション（ページ移動、ListView、Actions活用）
✅ Firebase連携およびデータ管理（Firestore、Storage、Backend Query適用）
✅ 会員登録およびログイン実装（Firebase Authentication活用）
✅ 投稿作成および修正機能（データ追加、修正、削除およびアップロード）
✅ コメントおよびいいね機能追加（Subcollectionとデータ関係設定）
✅ 画像アップロードおよび管理（Firebase Storageを通じたファイル保存）
✅ 条件文を活用したアプリ動作制御（Visibility、App State、Backend Logic適用）
✅ アプリセキュリティおよびFirestoreルール設定（Firestore Rulesおよびアクセス権限管理）
✅ アプリ配布および運営戦略（iOS、Android、Web配布プロセス学習）

受講後には以下のような変化が生まれます。🌈

📌自分でアプリを作ることができます。
単純に真似するだけで終わるのではなく、アプリが動作する原理とデータフローを理解できるようになります。
これにより、講義後にはFlutterFlowの様々な機能を活用して望むアプリを直接企画し実装することが
できます。

📌Firebaseを活用したデータベース構築と管理が可能になります。
会員登録、ログイン、投稿管理、コメント機能など実際のサービスで必要なデータベースを構築し
活用する方法を習得します。NoSQLデータベースの概念からQuery活用まで
経験しながら、実務で適用できる能力を身につけることができます。

📌 完成した実戦アプリをポートフォリオとして活用できます。
SNS型アプリを直接制作しながら実習中心で学習します。講義を終える頃には会員登録、投稿作成、
コメントおよびいいね機能が含まれたアプリを完成させることができ、これをポートフォリオとして活用すればアプリ開発経験を
証明し、実務でも活用できるスキルを身につけることができます。

こんにちは、U進です。
私は開発を始めとして10年余り会社員生活をしてきましたが、現在は主に管理業務を行っています。
数年前からノーコードという用語が生まれ、多くのツールが誕生しました。実際、ノーコードの概念は以前からありました。しかし、バックエンドまで開発してくれるノーコードツールはありませんでした。
今では専門開発者でなくても、誰でもアイデアさえあれば簡単に開発することができます。理論だけの講義でもなく、実習だけの講義でもなく、基礎知識を兼ね備えながら実習できるよう準備いたしました。

こんな方に
おすすめです

学習対象は
誰でしょう？

簡単かつ迅速にアプリ開発をしたい人
FlutterFlowを初めて使う人
コーディングの知識はあるけど、アプリ開発は初めての人
ノーコードプラットフォームについて知りたい人

こんにちは
です。

受講生

受講レビュー

回答

4.8

講座評価

講座

개발 업무를 시작으로 보안에 이르기가지 IT 전반의 영역을 다루고 있습니다.

현재 네카라 중 한곳에 재직중이며 커리어 기간동안 학습해온 것들을 기반으로 유용한 강의를 준비하여

여러분들의 성장을 돕겠습니다.

blog.naver.com/usavetime

カリキュラム

全体

32件 ∙ (4時間 54分)

セクション 1．ノーコードについて

2件 ∙ (10分)

セクション 2．FlutterFlowを始める

4件 ∙ (40分)

3. 03. FlutterFlowを始める
11:38
4. 04. FlutterFlowウィジェットの種類
05:19
5. 05. 最もよく使用するColumnとRowウィジェット
07:20
6. 06. UIを構成してみる
16:39

セクション 3．UIを構成する

4件 ∙ (37分)

7. 07-0. 画像アップロード前の確認事項 (cors設定)
10:25
8. 07. メインページ構成 (listページ構成、ボタン作成)
12:34
9. 08. リンクを設定して実行してみる（Actions、テストラン）
05:02
10. 09. 記事作成ページの構成 (writeページ構成、ボタン作成、wrapping)
09:06

セクション 4．Databaseを構築する

2件 ∙ (17分)

セクション 5．メンバー連携

3件 ∙ (24分)

セクション 6．投稿する

3件 ∙ (26分)

セクション 7．リスティングする

2件 ∙ (19分)

セクション 8．まとめ

1件 ∙ (10分)

セクション 9．会員連携を追加する

1件 ∙ (9分)

セクション 10．修正する

3件 ∙ (29分)

セクション 11．コメントする

5件 ∙ (58分)

セクション 12．終わりに

2件 ∙ (10分)

講座掲載日:

最終更新日:

受講レビュー

全体

13件

4.8

13件の受講レビュー

올림
受講レビュー 1
∙
平均評価 5.0
修正済み
5
100% 受講後に作成
kotlin하고 flutter 공부 할 때마다 힘들었던게... 너무 빨리 바뀌는 거 였는데 지금 수강평 작성하는 현재 시점으로 아무 문제 없이 공부 할 수 있는게 너무 좋습니다... 그리고 내가 알고 싶었던 것들을 콕콕 찍어서 알려주시는 강의라 더 좋은 거 같습니다. 하나 더 17강 정도에 한번 문제가 생기는데..우선 비 전문가 기준 https://esanghanwooju.tistory.com/3 <--여기가 가장 자세하게 설명 되어 있으니 참고 하면 됩니다.
- U진
  知識共有者
  안녕하세요 올림님. 수강평 감사드립니다~ 강의가 유익하셨다니 큰 힘이 됩니다. 완강까지 화이팅 입니다!
안일호
受講レビュー 7
∙
平均評価 5.0
修正済み
5
65% 受講後に作成
저는 취미로 프로그래밍 관련 내용을 얕게나마 꾸준히 배워왔고, 언젠가 1인 개발자로서의 입지를 다져보고 싶었습니다. 그동안 백엔드 연동부터 서버? 보안? 등등,, 알 수 없는 세계에 진입장벽을 크게 느꼈었는데요. 해당 강의에서는 기본 UI 부터, 파이어스토어 연동까지 간결한 설명 해주셔서 좋았습니다! 제가 여러 강의나 유튜브 영상을 보면서 느꼈던 건, 아예 기초강의는 차고 넘치며 실무자들을 위한 고급강의도 종종 보인다는 점이었는데, 그 중간 지점에 있는 사람을 타겟으로 한 강의는 별로 없다고 느꼈습니다. 이 강의를 통해, 막혔던 부분을 뚫어볼 수 있게 되었습니다. 커스텀펑션 등, '플러터플로우에서 다룰만한 코드 강의'를 추가하실 예정이 있으신지 궁금합니다~ 저는 다트/플러터 코드를 기초 정도는 이해하고 있는데요. 이를 플러터플로우에서 어떤 느낌으로 적용하는지 궁금합니다! 예를들면 플러터플로우 내에서 액션으로 처리할 수 있는 것들은 따로 코드를 작성할 필요가 없을 것이며, 액션 외적으로 자주 쓰이는 커스텀코드는 무엇인지 그 경계(?)가 궁금하며, 전문가의 커스텀코드 활용법은 어떤지 등이 궁금합니다~ +추가로 반응형 앱 디자인에 대해서도 궁금합니다! 개념은 어느정도 알고 있으나, 실무적으로 디바이스 사이즈에 맞는 디자인(패딩, 폰트사이즈 등)을 각각 어떻게 하면 좋을지 등의 내용을 다룰 예정이 있으신지 궁금합니다!
- U진
  知識共有者
  먼저 소중한 수강평 정말 감사합니다 1인 개발자로서 꿈을 향해 나아가시는 모습이 멋지고, 꼭 성공하시길 진심으로 응원할게요! 말씀하신 Custom Function의 경우 데이터를 가공할때 그리고 여러 페이지에서 자주 사용할때 사용합니다. 현재 개인적으로 진행중인 프로젝트 예시를 들어볼게요. 사랑과 슬픔이라는 키워드를 입력 받으면 색으로 표현하는 로직이 있어요. 아래와 같이 가공하여 특정 키워드를 색으로 표현해주고, 이런걸 여러 화면에서 자주 사용한다면 custom function을 사용하시면 편합니다. Color getEmotionColor(String emotion) { switch (emotion) { case '사랑': return Color(0xFFFF8A80); // Coral Pink case '슬픔': return Color(0xFF90CAF9); // Soft Blue } } 반응형 UI 관련해서도 문의주셨는데 custom function으로 충분히 구현 가능합니다. 후속 강의 관련해서는 처음 강의 제작시 고려를 하였었는데 지금 제가 제가 생업과 개인 프로젝트로 여력이 안되고 있습니다.ㅠ 기회가 된다면 관련 내용을 블로그에 포스팅 해보도록 하겠습니다. 다시한번 감사드립니다. 감사합니다.
- 안일호
  바쁘신 와중에 답글 남겨주셔서 감사합니다~ 생각해보니 반응형 디자인은 검색이 충분히 가능했고, 커스텀 펑션에 대해서도 설명해주셔서 감사합니다~ 좋은 강의 감사합니다!
grubuil
受講レビュー 2
∙
平均評価 4.0
4
13% 受講後に作成
아직은 모르겠지만 알기쉽고 편한수업이 될것 같네요. 다른 곳 강의에서는 스트레스만 받고 머리털뽑혔는데 이번강의는 도전의지가 생기네요
- U진
  知識共有者
  grubuil님 안녕하세요. 수강평 감사합니다. 수강중 궁금한 사항은 언제든 문의주세요. 질문내용 확인되는대로 제가 아는범위 내에서 성심껏 답변 드리겠습니다.
이승태
受講レビュー 1
∙
平均評価 5.0
5
32% 受講後に作成
- U진
  知識共有者
  이승태님 수강평 감사합니다. 완강까지 화이팅입니다~!
lsr5335
受講レビュー 1
∙
平均評価 5.0
5
32% 受講後に作成
good
- U진
  知識共有者
  lsr5335님 소중한 수강평 감사합니다~!

￥5,643

似ている講座

同じ分野の他の講座を見てみましょう！

[플러터플로우] 실전! 앱 출시를 위한 끝장 노하우!

스케일

플러터플로우를 이용해서 실제 앱을 출시하기 위한 A-Z 노하우를 담았습니다 : 배포부터 인앱결제, 카톡로그인, Supbase까지!

중급이상

FlutterFlow, No-code, Flutter

[플러터플로우] 실전! 앱 출시를 위한 끝장 노하우!

스케일

Firebase 서버를 통한 IOS앱 개발 지침서

하울

처음 시작하는 분들에게는 자주쓰이고 대신 가장 중요하고 자주 쓰는 문법만을 빠르고 가볍게 다룹니다.

초급

iOS, Firebase

Firebase 서버를 통한 IOS앱 개발 지침서

하울

[Unity] 함께 만들어가는 방치형 게임 개발

Pinous

해당 강의는 방치형 게임을 만들어가면서 수익 창출을 목적으로 한 모바일 게임 개발을 진행하는데 중점을 두고 있습니다.

중급이상

C#, Unity, Firebase

[Unity] 함께 만들어가는 방치형 게임 개발

Pinous

Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]

권태뽕

본 강의는 Flutter와 Firebase로 넷플릭스 UI를 클론 코딩하는 강의입니다! 가장 빠르게 앱 개발을 공부할 수 있는 Flutter를 시작하세요:)

초급

클론코딩, Flutter, Firebase

Flutter + Firebase로 넷플릭스 UI 클론 코딩하기 [무작정 플러터]

권태뽕

Glide를 활용한 노코드 프로토타이핑의 기초

일잘러 장피엠

노코드 (No-code)로 예약 서비스, 매칭 서비스, 커뮤니티 서비스의 프로토타입을 만들 수 있게 됩니다.

초급

glide, No-code, 프로토타이핑

Glide를 활용한 노코드 프로토타이핑의 기초

일잘러 장피엠

에이전트 개발, 어렵다고요? Microsoft랑 하면 쉽습니다!

한국마이크로소프트

Microsoft 365 Copilot 에이전트의 동작 원리와 개발 도구를 활용해, 내가 원하는 방식으로 작동하는 에이전트를 설계하고 확장하는 방법을 체계적으로 배울 수 있습니다. 1장에서는 에이전트를 만들기 전에 꼭 알아야 할 개념과 원리를 정리하고, 2장에서는 다양한 시나리오에 맞는 에이전트 유형과 도구를 살펴본 뒤, 3장에서는 Agent Builder, SharePoint Agent, Copilot Studio를 활용해 직접 나만의 에이전트를 구현해보세요. 기초부터 실습까지, 이 강의 하나로 Copilot 에이전트의 잠재력을 실무에 연결할 수 있습니다!

중급이상

인공지능(AI), Microsoft Copilot, AI Agent

에이전트 개발, 어렵다고요? Microsoft랑 하면 쉽습니다!

한국마이크로소프트

코드 없이 피그마 디자인 그대로! Bubble.io로 웹사이트 만들기

황상은

개발? 디자인? 몰라도 괜찮아요! 강의에서 하나하나 세세하게 알려드리니까, 따라오기만 하면 개발과 관련 없는 분들도 생애 첫 웹사이트를 완성할 수 있어요!

입문

bubble.io, Figma, No-code

코드 없이 피그마 디자인 그대로! Bubble.io로 웹사이트 만들기

황상은

배민도 사용한다고? 환경설정 없는 백엔드 노코드 개발!

SyncTree

복잡한 환경 설정과 반복적인 배포 과정 없이 백엔드를 노코드로 개발하고 관리할 수 있는 신세계의 비법, 알려드리겠습니다!

초급

No-code, airtable

배민도 사용한다고? 환경설정 없는 백엔드 노코드 개발!

SyncTree

파이어베이스(Firebase)를 이용한 웹+안드로이드 메모 어플리케이션 만들기

신휴창

파이어베이스에 대한 소개와 파이어베이스의 기능을 이용한 웹, 안드로이드 어플리케이션을 만드는 강좌 입니다.

초급

Firebase, Android

파이어베이스(Firebase)를 이용한 웹+안드로이드 메모 어플리케이션 만들기

신휴창