분류 전체보기(207)
-
[002] 플러터 (Flutter) & 아고라 (Agora) 연동 - Flutter 음성 통화(Voice Call) UI 및 기능 구현
안녕하세요~ totally 개발자입니다. 지난 포스팅에서는 아고라(Agora) 기본 세팅을 마무리하였고 이번 포스팅에서는 Agora를 이용해서 플러터에서 음성 통화를 구현해보도록 하겠습니다. 안드로이드 및 아이폰 실기기로 직접 작업해서 테스트하였습니다. 코드는 agora의 공식 문서를 따라 작성하였습니다. https://docs.agora.io/en/voice-calling/get-started/get-started-sdk?platform=flutter https://docs.agora.io/en/voice-calling/get-started/get-started-sdk?platform=flutter docs.agora.io Step 1: 플러터 프로젝트를 새로 만들어줍니다. 저는 agora_projec..
2024.04.02 -
[001] 플러터 (Flutter) & 아고라 (Agora) 연동 - Agora 기본 세팅
안녕하세요~ 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..
2024.04.02 -
[011] Google Analytics 4 (구글 애널리틱스 GA4) - 전자상거래 탐색 보고서 만들기(각 항목 ID로 그룹)
안녕하세요~ totally 개발자입니다. 이 포스팅에서는 GA4에서 전자상거래 보고서를 탐색 보고서로 맞춤 생성하는 방법에 대해 소개합니다. Step 1: 먼저 전자상거래 보고서는 잘 설치되어서 표시된 상태여야 합니다. view_item (상세 페이지), add_to_cart (장바구니 추가), purchase (구매완료) 이 3가지 이벤트가 설치되어 있다고 가정하겠습니다. 아래 보고서는 구글에서 제공하고 있는 Demo 계정의 스크린샷 화면입니다. Step 2: "탐색"을 누르신 뒤 비어 있음 위에 있는 + 버튼을 눌러줍니다. Step 3: 아래 "측정기준"의 오른쪽 + 버튼을 눌러줍니다. Step 4: 전자상거래 > 항목 ID와 항목 이름을 선택하여 우측 상단에 "가져오기" 버튼을 눌러줍니다. Step..
2024.04.01 -
[072] 플러터 (Flutter) 배우기 - 위젯을 이미지로 변환 및 저장하기(Widget to Image)
안녕하세요~ 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,..
2024.03.23 -
[071] 플러터 (Flutter) 배우기 - 보안 키패드 적용하기(flutter_secure_keyboard 패키지 사용)
안녕하세요~ 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..
2024.03.17 -
[001] Appsflyer - Flutter(플러터) 연동하기 1
안녕하세요 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, 스토어가 아닌 루트로 배포..
2024.03.16