안녕하세요~ totally 개발자입니다. 이 포스팅에서는 보통 결제할 때 카드 번호, 비밀번호 등 사용할 수 있는 보안 키패드 적용하는 방법에 대해서 알아보도록 하겠습니다. 패키지는 https://pub.dev/packages/flutter_secure_keyboard flutter_secure_keyboard를 사용하면 됩니다. flutter_secure_keyboard | Flutter package Mobile secure keyboard to prevent KeyLogger attack and screen capture. pub.dev 이 보안 키패드를 적용하면 KeyLogger 공격, 스크린 캡쳐 등 여러 가지 위험을 방지할 수 있게 됩니다. 바로 실습해보도록 하겠습니다. Step 1: pubs..

안녕하세요 totally 개발자입니다. 이번 포스팅에서는 Appsflyer 마케팅 도구를 가지고 Flutter에 연동하는 방법에 대해 소개하도록 하겠습니다. Step 1: Appsflyer 웹사이트에 들어가신 후 회원가입을 진행합니다. 여기에서 회사 이메일 등이 필요하므로 회사 계정을 이용하셔야 합니다. Step 2: 이메일 인증이 필요하므로 이메일을 확인 후 Confirm my email를 선택합니다. Step 3: Let's start를 눌러줍니다. Step 4: 먼저 플러터는 Android, IOS 모두를 지원하므로 Android부터 진행합니다. 출시된 경우 Available in store, 출시되지 않은 경우에는 Pending approval/not published, 스토어가 아닌 루트로 배포..

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

안녕하세요~ totally 개발자입니다. 오늘은 결제시작 부분에서 결제 버튼을 눌렀을 때, 주문하고자 하는 제품들을 파이어스토어에 담아보도록 하겠습니다. Step 1: 파이어스토어에 접속하셔서 orders 컬렉션을 생성해주시기 바랍니다. 다음을 눌러서 임의로 문서(document) 하나 추가해주시면 됩니다. Step 2: lib > item_checkout_page.dart에서 checkoutContainer 부분에 혹시 height 지정을 안하신 경우에 height: 130 정도로 설정해주시기 바랍니다. Step 3: lib > models > order.dart 파일을 열어서 아래처럼 수정해줍니다. class Order로 하면 다른 dart 파일과 겹치는 내용들이 있는 것 같아 ProductOrder..

안녕하세요 totally 개발자입니다~ 오늘은 플러터 앱을 안드로이드 휴대폰으로 실행해볼 때 나타날 수 있는 문제 및 해결책을 알아보도록 하겠습니다. 1) 지원되지 않는 Gradle project 문제 Your app is using an unsupported Gradle project. To fix this problem, create a new project by running flutter create -t app and then move the dart code, assets and pubspec.yaml to the new project. 위와 같은 문제가 발생하는 경우는 AndroidManifest.xml 파일과 build.gradle 파일을 같이 보셔야 합니다. Step 1: 먼저 andro..

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