728x90 전체 글50 flutter, js_interop 사용 후기 및 언제 사용할까 도입 배경이번 회사 프로젝트에서 드림시큐리티 본인인증을 flutter web환경에 연동을 해야했고,드림시큐리티의 개발가이드에는 flutter 가이드는 없었고, js 연동방식을 택하여 웹뷰로 구현하는 선택을 하게 되었다.하지만 flutter web환경에서의 webview_flutter를 사용할 수 없으므로, js_interop 도입을 결정하게 되었다. js_interop은 Dart와 JavaScript 간의 상호 운용(interop)을 쉽게 해주는 Dart 내장 라이브러리입니다.이 라이브러리를 사용하면 Dart 코드에서 JavaScript 함수, 객체, 타입을 직접 호출하거나 사용할 수 있습니다구현 아래 구현 예시는 기본적으로 드림시큐리티 개발가이드를 이해한다는 전재하에 진행 됩니다.https://mobi.. 2025. 4. 30. infinity_scroll_shell 오픈소스 배포 과정 기록 https://pub.dev/packages/infinity_scroll_shell infinity_scroll_shell | Flutter packageA Flutter widget that simplifies infinite scrolling implementation with built-in data fetching and scroll-to-top functionality.pub.dev 계기추석에 뭐 하지? 뭔가 내 활동을 남기고 싶은데?라는 고민을 하다가, 개발자 첫 취직을 도왔던, 오픈소스 개발을 하나 더 해볼까?라는 생각이 들어 도전해 보았다. 과정배포할 기능은 현업에서 내가 구현한 기능을 모듈화 하여 진행하였다.나름 3개월 이상 문제 없이 동작해서 배포해도 된다고 판단하였다.한번 해 봤.. 2024. 9. 18. Flutter - toss payment결제 페이지 webView 연동 flutter에서 WebView로 tossPayment 결제피이지를 WebView로 연동하면서 겪었던 시행착오를 다시 겪지 않도록,핵심만 기록해 보았습니다. (작성 완료까지 15분 걸림.) 환경 Flutter version 3.19.5dart version 3.3.3 pubspec.yml (사용한 패키지)webview_flutter: 4.7.0url_launcher: 6.1.14tosspayments_widget_sdk_flutter: 2.0.2 flow1. ios, android 각각 scheme추가해주기2. 안드로이드의 경우 MethodChanner을 활용하여 앱 열기 혹은 playStore로 이동3. WebView를 실행해서 scheme이 "intent://"일경우 웹뷰로 접속하지 말고, "set.. 2024. 5. 9. flutter Understanding constraints flutter로 3~4개의 프로젝트 경험을 쌓아봤다.해외 소스코드도 구매해서 뜯어도 보고, 전 개발자가 구현한 소스도 보고, 직접 앱 개발도 해보고,허나 layout구성하는 방법은 다 재각각이었다.개인적으로, 해외 소스코드도 좋은 편은 아니었다.layout수정 조금만 하려고 하면 layout errors가 잘 터지고, 결국 세로 다시 쌓는 게 빠를 정도였다..그에 따른 해결법은 아래의 공식문서를 통해 어느 정도 해결 할 수 있었는데,https://docs.flutter.dev/testing/common-errors언제나 그렇듯 이론만 있다고 다 해결되는 경우가 없다 (...ㅋㅋㅋㅋ)그래서 이번에 flutter layout 관련 문서를 보고, 간단하게 5분 만에 핵심만 집고 갈 수 있게, 글로 남겨보았다... 2024. 5. 8. 이전 1 2 3 4 ··· 13 다음 728x90