개발/플러터 19 [플러터] 결제확인 자동화 시스템 구축기 (readsms) 들어가며 이번 글에서는 값비싼 계좌조회 서비스를 대신하여 핸드폰과 sms 알람 서비스를 이용해서 결제확인 시스템을 만든 경험을 공유합니다. sms을 수신하고 이를 다시 DB에 적재하는 과정을 flutter에서 진행하고 이를 보여주는 화면은 next.js를 이용하고 있습니다만, next.js의 구체적인 구현은 다루지 않습니다. 결제확인 자동화 시스템이라고 하기엔 너무 소박한.. 그런 기능 개발기 ㅋㅋ 시작합니다. 개발 요건 기존의 결제확인 프로세스는 다음과 같았습니다. 유저가 상품을 선택한 후 결제하기를 선택한다. 계좌번호가 노출되고 유저가 해당 계좌에 금액을 이체한다. 담당자가 핸드폰을 이용해 계좌를 조회하고 금액을 확인하여 UI를 업데이트한다. 그중에 이번에는 3번 과정을 자동화해보려고 합니다. 일반적.. 2023. 11. 25. [플러터] 비디오 랜더링 이슈 수정기(video-player,dispose) 들어가며 이번 글에서는 플러터에서 20개의 비디오를 재생하면서 발생한 오류를 추적하여 개선을 한 경험에 대한 글입니다. 플러터의 video player부터 사용하는 패키지의 디테일한 설정 및 사용법을 다루진 않습니다. 대략적인 사용법과 이런 점이 문제여서 이렇게 바꿨다의 수준으로만 설명합니다. 에러부터 살펴보자 웹이나 앱 개발자들은 서버개발자와 달리 에러를 추적하기기 쉽지 않습니다. 또한 에러 발생한 것은 알아도 유저의 디바이스나 여러 외부환경에 의해서 달라질 수 있는 만큼 외부 에러추적 서비스를 이용하는 경우가 많은데요. 제가 만들어놓은 앱도 Sentry를 사용하고 있었습니다. 그런중에 어느 순간 반복적으로 특정 에러가 대한 리포트가 오기 시작하고, 실제 유저의 QA문의가 들어와서 해당 이슈를 파헤쳐보.. 2023. 9. 24. [플러터] 로그인 경험을 한단계 끌어올리기 (feat.웹뷰 리액트) 들어가며 사이드 프로젝트를 하면서 브라우저로 제공하던 서비스를 웹뷰형태로 확장을 했습니다. 근데 간편 로그인이 제대로 동작하지 않는 문제가 발생했고, 결국 플러터에서 로그인을 처리하여 브라우저에 넘기는 식으로 리펙토링했던 경험에 대해 살펴보겠습니다. 문제 인식 | 간편 로그인이 안되요 일단 간편 로그인이 무엇인지에 대해 살펴보겠습니다. 사이드 프로젝트에서 카카오톡을 이용한 간편 로그인을 지원하고 있습니다. 바로 아래 사진을 보면 브라우저의 경우 카카오톡으로 로그인 버튼을 누르게 되면 해당 핸드폰에 카카오톡이 설치되어 있으면 별도의 입력 없이 카카오톡으로 인증을 하고 로그인이 완료됩니다. 물론 카카오톡에서 해당 서비스(여기서는 사이드 프로젝트)에서 로그인을 허용하겠냐는 다이얼로그 창과 함께요. 쨋든 이게 .. 2022. 4. 26. [플러터] ShowAboutDialog, ShowSnackBar 에 대해서 AboutDialog에 대해서 구글은 법률용어, 버전 번호, 라이센스 등의 정보를 간단하게 만들어주는 위젯이라고 설명하고 있다. 실제로 사용해보니 아주 간편하기는 하나 이런것들까지 위젯으로 만들어놓게 된다면 알아야할 위젯이 더욱 많아야 될 것이라고 생각이 드는 수준의 위젯이었다. SnackBar 는 나중에 추가적으로 설명을 더 하겠지만 간단히 설명하자면 하단에 붙어 나오는 직사각형의 막대형 위젯이라 생각하면 된다. 안드로이드의 스낵바와 거의 비슷하지만 구현은 훨씬 간단하게 되어있으면 확장성도 많다. import 'package:flutter/foundation.dart'; import 'package:flutter/material.dart'; void main() { LicenseRegistry.addL.. 2020. 5. 30. 이전 1 2 3 4 5 다음
