안녕하세요 totally 개발자입니다. 저번 시간에는 주문 데이터를 파이어베이스 파이어스토어에 삽입하였고 이번 포스팅에서는 주문 데이터 리스트를 조회하는 방법에 대해 살펴보도록 하겠습니다. 로그인을 구현한 강좌가 아니기 때문에 여기에서는 모든 주문한 데이터를 가져올 것입니다. Step 1: lib > models > order.dart 파일을 열어주시고 unitPrice와 totalPrice에 지정된 double.parse 부분을 제거해줍니다. (파이어스토어에 저장된 값이 이미 number 형태) Step 2: lib > my_order_list_page.dart로 가셔서 기존에 만들어두었던 변수들을 제거하시고 orderListRef 변수를 선언해줍니다. Step 3: 기존에 사용했던 로직을 그대로 활용..

안녕하세요~ totally 개발자입니다. 지금까지 장바구니와 결제시작 부분에서는 Shared Preferences에 저장된 데이터를 가지고 와서 앞서 선언된 productList에서 상세 데이터를 가지고 왔습니다. 이 시간에는 기존의 productList에서 가지고 오는 것이 아니라 파이어베이스 파이어스토어에 저장된 리스트에서 해당 제품을 찾아 상세 내용을 보여주도록 하겠습니다. 장바구니에 저장된 데이터들은 모두 그대로 Shared Preferences에 기존대로 저장합니다. 제품 상세 내용만 파이어스토어에서 가져옵니다. 기존의 많은 부분이 변경되므로 아래 단계별로 수정하시기 바랍니다. 전체 소스 코드는 맨 아래에 있으니 참고하시기 바라며 반드시 해당 로직대로 구성할 필요가 전혀 없고 실무에서는 좀 더 ..

안녕하세요~ totally 개발자입니다. 오늘은 파이어베이스 Cloud Firestore(클라우드 데이터베이스)를 사용하여 제품들을 담고 불러오도록 하겠습니다. Step 1: 먼저 파이어베이스에 접속하셔서 왼쪽에 "모든 제품"을 클릭하시고 Realtime Database를 클릭해줍니다. Step 2: "데이터베이스 만들기" 버튼을 눌러줍니다. Step 3: 위치를 asia-northeast3 (Seoul)로 설정합니다. Step 4: "프로덕션 모드에서 시작"으로 하고 "사용 설정"을 클릭합니다. Step 5: "컬렉션 시작"을 눌러 컬렉션 ID에 products로 입력하고 "다음"을 눌러줍니다. Firestore의 구조는 Collection이 있고 그 하위에 Document가 있습니다. 하나의 컬렉션에..

안녕하세요~ totally 개발자입니다. 오늘은 파이어베이스 연동을 진행해보도록 하겠습니다. 추후 올릴 유튜브 강좌에서는 아래 연동 부분은 생략할 것이기 때문에 블로그 포스팅을 통해 참고하여 진행해주시기 바랍니다. Step 1: 파이어베이스 콘솔에 접속합니다. https://console.firebase.google.com/u/1/?hl=ko Step 2: 프로젝트를 추가합니다. 저는 test-project로 명명하겠습니다. Step 3: 애널리틱스 사용 설정으로 해주시고 '계속'을 선택합니다. Step 4: 기존에 생성하신 애널리틱스 계정이 있다면 선택해주시고 없으시면 새로 생성하시면 됩니다. Step 5: 애널리틱스 계정을 아래처럼 입력하시고, 위치 선택 후 저장해주시면 됩니다. Step 6: 새 프..

안녕하세요~ totally 개발자입니다. Flutter & Google Analytics 4 설치 및 연동 이 포스팅에서는 Google Analytics 4를 Flutter 앱에 연동하는 방법에 대해 살펴보도록 하겠습니다. 먼저 기본적으로 파이어베이스와 플러터 앱은 연동되어 있어야 합니다. Step 1: 파이어베이스에 접속 -> 프로젝트 설정 -> 통합 -> Google Analytics 사용 설정을 눌러줍니다 (이미 되어 있는 경우에는 스킵하시면 됩니다) Step 2: 계정 선택 후 이미 생성된 계정이 있는 경우에는 그 계정을 선택하면 되고 없는 경우에는 새로 생성하시면 됩니다. 위처럼 입력하고 저장합니다. Step 3: 위치를 지정하고 사용 설정하시면 됩니다. Step 4: 각 플랫폼 별 SDK 추가..

안녕하세요~ totally 개발자입니다. Firebase Authentication 저번 시간에 이어서 오늘은 Firebase Authentication(인증) 전화번호를 활용해서 문자 메시지 숫자코드를 받아 인증하는 방법에 대해서 알아보도록 하겠습니다. Step 1: 파이어베이스에 접속하여 Authentication -> Sign-in method -> 새 제공업체 추가 버튼을 눌러줍니다. Step 2: 다음처럼 추가해주시고 테스트용 전화번호 있는 경우에는 예시용 인증코드로 사용할 코드와 전화번호 넣어주셔서 저장해주시면 됩니다. Step 3: ios simulator 환경에서 SMS 코드 수신을 위해 Xcode를 열어줍니다. (맥북 사용자 기준) ios 경로로 들어가셔서 Runner.xcodeproj ..