코딩 다이어리

지난 번엔 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..

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..

이번 시간에 할 것 1. 상세 페이지 화면 구성위와 같은 상세 페이지를 자세히 살펴보면, - 블러 처리된 포스터- 원본 포스터- 한 줄 설명- 재생 버튼- 프로그램 정보- 캐스트위의 모든 정보는 블러 처리된 포스터 위에 보여지게 된다. => Stack 이용+ 또 오른쪽 위에  X 버튼도 보인다!------------ 버튼 3개----------- 포스터  Stack 밑에 버튼 3개 있음 => ListView 이용 로 이루어져 있는 것을 볼 수 있다.2. 상세 페이지 화면으로 이동홈 화면에서 인포메이션을 누르거나, 홈 화면에 있는 원형 아이콘/ 사각 아이콘을 눌렀을 때 해당 상세페이지 화면으로 이동하도록 구현!  구현을 해보으자 # 블러처리 된 포스터블러처리 하는 방법은 이전에 올린 글을 참고하면 좋음ht..