크로스플랫폼(102)
-
[003] 플러터 (Flutter) & 아고라 (Agora) 연동 - Flutter 영상 통화(Voice Call) UI 및 기능 구현
안녕하세요~ totally 개발자입니다. 지난 포스팅에서는 Voice Call(음성통화)에 대해서 살펴보았고 이어서 Video Call(영상통화)을 구현해보도록 하겠습니다. 지난 포스팅에서 소개한 Voice Call을 구현하지 않으신 경우에 권한 등 여러 세팅이 필요하기 때문에 지난 포스팅을 보시고 오셔야 합니다. https://totally-developer.tistory.com/197 [002] 플러터 (Flutter) & 아고라 (Agora) 연동 - Flutter 음성 통화(Voice Call) UI 및 기능 구현 안녕하세요~ totally 개발자입니다. 지난 포스팅에서는 아고라(Agora) 기본 세팅을 마무리하였고 이번 포스팅에서는 Agora를 이용해서 플러터에서 음성 통화를 구현해보도록 하겠습..
2024.04.03 -
[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 -
[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 -
[014] 플러터 (Flutter) 실전어플제작 - 쇼핑몰 앱 제작(로직구성6 - 주문 데이터 파이어스토어에 삽입하기)
안녕하세요~ 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..
2024.02.12