모바일어플개발(115)
-
[073] 플러터 (Flutter) 배우기 - Throttle 적용하여 리스트뷰(ListView) 페이지네이션 API 중복 호출 방지하기
안녕하세요 totally 개발자입니다. 이 포스팅에서는 플러터 패키지 중 debounce_throttle을 사용하여 Throttle 개념을 적용해보도록 하겠습니다. 우선 Throttle의 사용 목적에 대해서 알아야 합니다. 이 포스팅 이후에 Debounce에 대해서도 다룰 것이지만 Throttle과 Debounce는 비슷해보이나 서로 다른 목적을 가지고 있습니다. Throttle은 일정한 주기 동안 특정 함수가 여러 번 호출된 경우 함수를 한 번만 바로 실행하고 연속적으로 함수를 호출하는 것은 방지할 수 있습니다. 반대로 Denounce는 정해진 시간 동안 특정 함수가 여러 번 호출된 경우 마지막으로 실행된 함수를 호출합니다. Throttle특정 시간 동안 여러 번의 함수 호출이 있을 경우 함수를 한 번..
2024.05.26 -
[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