[Flutter / 플러터] 나는 sliver와 스크롤링을 제대로 알고 있을까? Sliver 사전 의미 : 잘게 부수어 만든 작거나 얇은 조각 플러터 : 스크롤 가능한 영역의 일부분 코딩 셰프 : Sliver is a slice of something that scrolls. 스크롤 되는 영역을 이루는 조각 하나하나를 의미하는 것 slivers (복수) : 스크린 상에서 스크롤 되는 영역 의미 ListView vs. SliverList GridView vs. SliverGrid 사실, ListView == SliverList / GridView == SliverGrid ListView, GridView SliverList, SliverGird sliver로 이루어짐 위젯 O 위젯 X SliverList를..
[Flutter / 플러터] 웹상에 있는 Json 데이터 실패 없이 끌어와서 보여주기 기본 코드 2개 //main.dart import 'package:flutter/material.dart'; import 'json_parse.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( theme: ThemeData( primarySwatch: Colors.blue ), home: JsonParse(), ); } } //..
[Flutter / 플러터] No more 파이어베이스! MySQL로 플러터 앱 만들기 part1,2 기본 소스 코드(코딩셰프) GitHub - icodingchef/mysql_git: mysql_part1 mysql_part1. Contribute to icodingchef/mysql_git development by creating an account on GitHub. github.com XAMPP 설치 = 서버설치 (* 참고 기존에 이미 apache나 mariaDB 등이 설치되어 있는 경우 에러가 발생한다고 함. 코딩셰프 강사님이 참고하라는 블로그가 있으니 혹시나 에러나면 참조. https://patiencelee.tistory.com/1108 ) Download XAMPP Includes: Ap..
플러터 강좌 Firestore, 감당하실 수 있겠습니까? 기본 프로젝트 소스코드 (코딩셰프) GitHub - icodingchef/firestore_lec: colud_firestore colud_firestore. Contribute to icodingchef/firestore_lec development by creating an account on GitHub. github.com 1. MySql 데이터 구조와 Cloud Firestore 데이터 구조 - MySQL의 테이블 생성 = 컬렉션 시작 - Row/Column 2. Cloud Firestore에서 데이터 읽어오기 CollectionReference product = FirebaseFirestore.instance.collection('ite..
조금 매운맛 Provider 입문 1: Provider와 State management 예시) 물고기 잡는 남자1 물고기 키우는 남자가 있었는데 이 남자는 산 중턱에서 양식을 했음 그러다가 자연스래 매운탕집을 했는데 생선만 납품하는게 더 이득이었음 그래서 주변에 매운탕집을 유치하고 양식한 물고기들을 주변 매운탕 집으로 납품을 했는데, 가장 멀리 있는 매운탕집이 1마리만 주문해도 몇십분을 가서 배달해야하니 너무 비효율적이었다. Provider 1. flutter dev 공식 추천 2. 가장 보편적 3. provider를 통한 riverpd와 연계 State 1. UI에 변화가 생기도록 영향을 미치는 데이터 2. 앱 수준의 데이터 > 서버와 연동해서 데이터를 끌어오는 등 앱화면에 변화를 일으키는 모든 데이터..
조금 매운맛 27 채팅 메세지 보내기 조금 매운맛 28 chat(메세지) 버블 만들고 메시지 배치하기 //message.dart 더보기 import 'package:flutter/material.dart'; import 'package:cloud_firestore/cloud_firestore.dart'; import 'package:yami_chat/chatting/chat/chat_bubble.dart'; import 'package:firebase_auth/firebase_auth.dart'; class Messages extends StatelessWidget { const Messages({Key? key}) : super(key: key); @override Widget build(BuildCo..
조금 매운맛 25 스트림과 파이어베이스 Stream : 한번에 원하는 데이터를 받고 끝나는 것이 아니라 지속적으로 들어오는 데이터를 기다렸다 받아야할때 사용 (int를 예시로 사용) 즉시 사용가능 기다려야 사용가능 예시 기다려야 사용가능 설명 단일 데이터 int Future int, string 등 일반 데이터 - async 방식 - 전달되면 즉시 사용 가능 복수 데이터 List Stream List - 언제라도 int 데이터가 Stream에 전달 가능 - Stream을 subscribe(구독)하고 있다면 Stream에 데이터가 전달될때마다 즉시 알수 있음 > 채팅앱에서는 상대방이 언제 채팅을 칠지 모름 > 그래서 stream 사용해야 함 > StreamBuilder 위젯 : stream으로 전달되는 데..
조금 매운맛 23 파이어베이스 연동하기 1. 파이어베이스 홈페이지 Firebase Firebase는 고품질 앱을 빠르게 개발하고 비즈니스를 성장시키는 데 도움이 되는 Google의 모바일 플랫폼입니다. firebase.google.com 2. 콘솔로 이동 3. 프로젝트 만들기 4. 프로젝트명 5. 그냥 두고 다음 6. 대한민국 선택 7. 웹콘솔에서 안드로이드앱 8. 앱등록 (* 안드로이드 스튜디오) 9. 파일 다운로드 후 안드로이드 앱 폴더에 넣기 (*안드스튜디오) 10. firebase SDK 설치 (* 안드스튜디오) > (안드로이드-앱-빌드그레이들아님!!!!!!) 11. 설정 끝 12. 플러터 파이어베이스 패키지 설치 : flutter firebase firestore https://pub.dev/p..
