본문으로 바로가기
인기 글
Package
Flutter intl package 문서 (DateFormat, NumberFormat)
intl package? 지역(국가)마다 언어나 날짜를 보는 법이나 숫자 또는 돈을 표기하는 법에서 차이가 있다. 해당 지역에 표기법을 현지화하는데에 도움을 주는 라이브러리이다. 지역 설정 DateFormat NumberFormat BidiFormatter - 양방향 텍스트 대부분 국가에서는 왼쪽에서 오른쪽으로 읽는데 일부 국가에서는 오른쪽에서 왼쪽으로 읽는다 검색해보니 Windows 문서에 아랍어, 히브리어, 이란어 우르두어, 다리어, 중앙 쿠르드어, 신디어, 펀잡어(파키스탄) 및 위구르어 가 있다. DateFormat var dateTime1 = DateFormat.yMMMMEEEEd().format(DateTime.now()); var dateTime2 = DateFormat("yyyy년 MM월 d..
Package
Flutter Riverpod 상태관리 (2) - 시작하기
시작하기 온라인에서 Rivderpod 사용하기 Riverpod을 체험해 보시려면 Dartpad에서 온라인으로 체험해 보세요. 패키지 설치하기 설치하려는 패키지가 정해지면 다음과 같이 한 줄로 앱에 종속성을 추가합니다: flutter pub add \ flutter_riverpod \ riverpod_annotation \ dev:riverpod_generator \ dev:build_runner \ dev:custom_lint \ dev:riverpod_lint 또는 pubspec.yaml 내에서 앱에 종속성을 수동으로 추가할 수 있습니다: name: my_app_name environment: sdk: ">=2.17.0 =3.0.0" dependencies: flutter: sdk: flutter f..
Package
Flutter native splash screen 라이브러리
이번 글은 Splash Image이 어떤 것이고 flutter native splash 라이브러리를 사용하여 iOS, Android 두 개를 어떻게 구현하는지 에 대한 글입니다. Splash Screen? "Flutter 공식 홈페이지에서는 앱이 로딩되는 동안에 심플한 초기 경험을 제공합니다"라고 적혀있습니다. 여기에서 말하는 심플한 초기 경험(Simple initial experience)은 여러 내용을 담고 있습니다. 예를 들어, 사용자 입장에서 실행하고 싶은 앱이 맞는지 확인할 수 있는 시간이 될 수 있습니다. 그리고 앱을 제공하는 회사 입장에서는 자신의 회사의 정체성과 사용자에게 첫인상을 보여줄 수 있는 수단이기도 합니다. 이밖에도 개발자 입장에서는 앱이 로딩되는 시간 동안 백엔드 단에서 사용자의..
Document
Flutter Web App 개발 하면서 느낀 문제점
Web App 개발하면서 느낀 점 과 실수했던 점을 기록해보려고 합니다. 해당 경험은 로박스 Web App 개발하면서 느낀 점을 토대로 작성되었습니다. Flutter Web App 문제점 1. SEO 불가 SEO(검색 엔진 최적화)는 웹사이트가 검색 결과에 더 잘 보이도록 최적화하는 과정입니다. Flutter Web App은 검색 엔진(구글, 네이버)에 노출이 되지 않습니다. Flutter 로 개발되지 않는 웹의 경우 개발자 도구를 켜서 Element Inspect 텍스트를 눌러보면 해당 텍스트가 Select 됩니다. 하지만 Flutter Web App의 경우는 Web App 전체가 Selecte 됩니다. 이는 검색 엔진이 Flutter Web App을 읽을 수가 없다는 것입니다. 공식적으로 SEO를 지..
Widget
Flutter Stepper widget 문서
Stepper Widget 순차적 또는 단계적으로 사용자에게 무언가를 요구 또는 보여줄 때 사용하기 적합한 위젯입니다. Steeper 자식 위젯으로 Step 이 있습니다. 왼쪽 사진은 custom controlsBuilder 적용한 사진이며 오른쪽 사진은 기본 controlsBuilder입니다. Stepper 프로퍼티 type - vertical, horizontal 있다. controlsBuilder - Continue, Cancel 버튼의 위젯 영역을 담당하는 프로퍼티 해당 프로퍼티를 삭제하면 위에 오른쪽 사진처럼 된다. StepState - 5가지의 상태 complete - 체크 아이콘으로 변경 disabled - 비활성화(회색으로 변경) error - 에러 아이콘 editing - 연필 모양의 아..
Package
Flutter platform widgets 라이브러리 문서
소개 모바일 OS에는 Android, iOS 두 개의 운영체제가 있다. Android는 Material Design 이며 iOS는 Cupertino Design이다. Flutter platfrom Widgets 라이브러리는 두 가지의 OS를 인식하며 각기 다른 UI를 제공할 수 있게 해 준다. https://pub.dev/packages/flutter_platform_widgets flutter_platform_widgets | Flutter Package Simplifying the use of both Material and Cupertino widgets with a single widget pub.dev 공식문서 홈페이지 https://pub.dev/documentation/flutter_plat..
