코딩 다이어리

내가 좋아요 를 누른 항목만 따로 볼 수 있도록 스크린을 만들어봅시다. # 파이어베이스 데이터 리딩파이어베이스에서 데이터를 읽으면 아래와 같은 순서로 변형 할 수 있다.List -> DocumentSnapshot -> Movie data순서대로 데이터를 가져오는 방법을 정리하였다. List 파이어베이스의 컬렉션에서 데이터를 직접 불러오는 방법을 사용"where" 을 이용하면 된다.조건을 위해 제공해주는 기본 함수로는 11개가 있다.Query where( Object field, { Object? isEqualTo, Object? isNotEqualTo, Object? isLessThan, Object? isLessThanOrEqualTo, Object? isGreaterT..

이번 시간에는 검색 화면을 구현해보았다!일치하는 데이터를 보여주는 것 까쥐~ 이제 곧 클론 코딩의 끝이 보인다 +_+ # 검색 문자 추적데이터의 변화를 지켜보기 위해 Screen을 StatefulWidget으로 만든다.class SearchScreen extends StatefulWidget { const SearchScreen({super.key}); @override _SearchScreenState createState() => _SearchScreenState();} State를 제어하는 class 생성 후 TextEditingController 의 listener를 이용해 텍스트의 변화를 추적한다.class _SearchScreenState extends State { final Text..

지난 번엔 Flutter에서 Firebase를 사용하기 위한 콘솔 및 환경 설정에 대해 정리했다.(https://codingstorywithme.tistory.com/94)   이번에는 Flutter에서 Firebase를 사용하는 방법에 대해 정리해보겠다. # Package 설치파이어베이스의 데이터베이스인 파이어스토어 사용을 위해,dependency 에 cloud_firestore와 firebase_core를 설치한다. pubspec.yamldependencies: flutter: sdk: flutter carousel_slider: flutter_linkify: #for using clickable link url_launcher: #for executing link cloud_fires..

파이어베이스에서 데이터를 생성하는 방법에 대해 정리해보겠숩니당 1. 파이어베이스 콘솔 접속https://console.firebase.google.com/ 로그인 - Google 계정이메일 또는 휴대전화accounts.google.com 접속 후 데이터를 추가 할 프로젝트로 고고! 2. Firestore Database 메뉴 > 빌드 > Firebase Database 로 들어가기 3. 컬렉션 시작 4. 컬렉션 정보 입력데이터 베이스 아이디 저장될 위치 선택 (South Korea)  보안 규칙을 생성해야 하는데, 나는 테스트 용도로 잠시만 사용 할 예정이라 테스트 모드에서 시작으로 일단은 만들었음.테스트 후 프로덕션 모드도 정리 할 예정. 5. 데이터 입력문서추가 클릭 데이터 정보 입력문서 ID는 자동..

Flutter 에서  Firbase를 사용하기 위해 연동하는 방법을 알아보자! 오늘은 크게 두 가지로 나누어 정리를 해보겠다.- 파이어베이스 설치- 파이어베이스 프로젝트 생성 후 연동  일단 큰 프로세스는 https://firebase.google.com/docs/flutter/setup?hl=ko&platform=ios#add_flutterfire_plugins 공식 홈페이지를 따라하면 된다. 1. 파이어베이스 설치 (Firebase CLI  참조)공식 사이트 : https://firebase.google.com/docs/cli?hl=ko&_gl=1*lruw9z*_up*MQ..*_ga*MTkzMjk2NjgwMi4xNzE1MTI4MDQw*_ga_CW55HF8NVT*MTcxNTEzMDQzOC4yLjAuMT..