안녕하세요~ totally 개발자입니다. 아고라(Agora)는 채팅, 음성통화, 영상통화 등 여러 가지를 제공하며 플러터에 연동하여 비교적 간단하게 채팅, 음성통화, 영상통화 기능을 구현할 수 있도록 도와줍니다. 테스트 정도라면 무료로 사용 가능하며 실제 라이브 서비스로 구동하는 경우 비용이 어느 정도 발생합니다. Step 1: https://www.agora.io/ Agora.io Real-Time Voice and Video Engagement The Real-Time Engagement Platform for meaningful human connections.People engage longer when they see, hear, and interact with each other. With A..

안녕하세요~ totally 개발자입니다. 이 포스팅에서는 GA4에서 전자상거래 보고서를 탐색 보고서로 맞춤 생성하는 방법에 대해 소개합니다. Step 1: 먼저 전자상거래 보고서는 잘 설치되어서 표시된 상태여야 합니다. view_item (상세 페이지), add_to_cart (장바구니 추가), purchase (구매완료) 이 3가지 이벤트가 설치되어 있다고 가정하겠습니다. 아래 보고서는 구글에서 제공하고 있는 Demo 계정의 스크린샷 화면입니다. Step 2: "탐색"을 누르신 뒤 비어 있음 위에 있는 + 버튼을 눌러줍니다. Step 3: 아래 "측정기준"의 오른쪽 + 버튼을 눌러줍니다. Step 4: 전자상거래 > 항목 ID와 항목 이름을 선택하여 우측 상단에 "가져오기" 버튼을 눌러줍니다. Step..

안녕하세요~ totally 개발자입니다. 플러터 앱을 개발하다보면 플러터 화면에 표시된 위젯들 중 일부 또는 전체를 이미지로 변환해서 저장하는 기능을 제공해야 하는 경우가 있습니다. 이를 구축하기 위해 아래 패키지를 사용할 수 있습니다. https://pub.dev/packages/flutter_image_saver flutter_image_saver | Flutter package Simple and effective cross platform image saver for flutter, supported web and desktop. pub.dev Step 1: 먼저 pubspec.yaml 파일을 열어주시고 flutter_image_saver 패키지를 추가합니다. Step 2: 패키지 dart.ui,..

안녕하세요~ 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: 기존에 사용했던 로직을 그대로 활용..