안녕하세요~ totally 개발자입니다. Material 3 Design 보통 플러터 앱 개발을 하실 때 로직 부분을 개발하는데에도 시간이 많이 소요되지만 디자인적인 측면에서도 시간이 많이 소요되는 것을 느끼실 것입니다. 그 때 구글의 머터리얼 (Material) 3의 디자인을 적용하면 디자인적으로 통일성과 자연스러움을 간단하게 적용할 수 있습니다. 사용을 위해서는 당연히 플러터는 업그레이드가 되어 있어야 합니다. 상세한 내용을 아래를 통해 가이드를 확인할 수 있습니다. https://m3.material.io/ Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by op..

안녕하세요~ totally 개발자입니다. 구글 클라우드에서는 구글 번역을 위한 API를 제공합니다. 무료는 아니고 유료이지만 처음에 300달러 상당의 크레딧을 부여해주고 있으므로 (추후 변동될 수 있으니 반드시 확인해주시기 바랍니다) 먼저 도입해서 시도해볼 수 있습니다. Step 1: 먼저 Google Cloud 검색해서 들어가신 다음 Console로 이동합니다. Step 2: 프로젝트를 선택해주시거나 새 프로젝트를 만들어서 진행합니다. Step 3: 그 후 콘솔 상단 중앙 검색창에 다음처럼 cloud translation api를 입력하여 검색해서 아래 MARKETPLACE 아래에 있는 Cloud Translation API를 선택합니다. Step 4: 저는 이미 구현을 했기 때문에 MANAGE로 나오..

안녕하세요~ totally 개발자입니다. 이 포스팅에서는 이탈률을 체크해볼 수 있는 보고서를 간단하게 만드는 방법에 대해 알아보도록 하겠습니다. Step 1: 애널리틱스4에 접속하셔서 좌측 상단에 있는 "탐색" 버튼을 클릭하고 비어 있음 새 탐색 분석 만들기 + 버튼을 클릭합니다 Step 2: 아래 화면처럼 나오는데, 측정기준 오른쪽의 + 버튼을 눌러줍니다. Step 3: 아래처럼 "페이지/화면" -> "페이지 경로 및 화면 클래스" -> "가져오기" 순서대로 진행합니다. 여기에서 꼭 페이지 경로 및 화면 클래스만 가져오실 필요는 없으며 필요에 따라 다른 것을 선택해서 가져오셔도 됩니다. Step 4: 측정항목 오른쪽에 있는 + 버튼을 눌러줍니다. Step 5: Step 6: 아래처럼 측정기준은 "행"으..

안녕하세요~ totally 개발자입니다. TabBarView & InAppWebView WebView를 사용할 때 패키지는 주로 flutter_inappwebview나 webview_flutter가 사용됩니다. 이 때 flutter_inappwebview를 사용하고 TabBarView를 이용할 때 스크롤이 되지 않는 문제가 있는데 그 때에는 아래 Stackoverflow에 나와 있는 대로 Set()..add 부분을 추가해주시면 됩니다. https://stackoverflow.com/questions/67345346/flutter-inappwebview-scroll-not-working-inside-the-nestedscrollview-tabbarview Flutter inappwebview scroll ..

안녕하세요~ totally 개발자입니다. WebView를 사용하시다보면 웹사이트 페이지에 있는 iframe 태그로 구현된 유튜브 영상의 경우 전체화면을 눌러도 안드로이드의 경우 전체화면이 되지 않는 경우가 있습니다. 현재 webview_flutter로는 이것을 해결할 방법이 아직 발견되지 않았고 flutter_inappwebview 패키지를 사용하여 해결할 수 있습니다. Step 1: pubspec.yaml에 flutter_inappwebview 패키지를 추가합니다. Step 2: 사용하실 페이지에서 import합니다. Step 3: 먼저 controller 변수 선언하신 뒤, 아래처럼 InAppWebView 위젯으로 url를 넣어주면 됩니다. 개발에 도움이 되셨기를 바랍니다. Reference: htt..

안녕하세요~ totally 개발자입니다. 플러터 개발을 하시다보면 아래 에러가 종종 발생하는 것을 보신 적이 있을 겁니다. 저는 현재 M1 맥북과 VSCode를 사용하고 있습니다. 해결책은 아래와 같습니다. Step 1: flutter clean 명령어 입력 Step 2: flutter pub get 명령어 입력 Step 3: ios 이슈이니 ios 경로로 가셔서 pod install 명령어 입력 Step 4: 그리고 sudo gem install cocoapods 입력하시고 root 비밀번호(맥 비밀번호)를 입력하시면 됩니다. Step 5: run 실행해줍니다. 다만 여기에서 fn + F5로 디버그 모드로 실행했을 때 에러가 계속 나오는 경우가 있습니다. 이 때에는 터미널에서 flutter run --..