최신 글

Package 2023.07.20 17:43

Flutter Riverpod Concepts(6-2) - Reading a Provider

이 가이드를 읽기 전에 먼저 Provider에 대해 읽어보시기 바랍니다. 2023.07.18 - [Flutter/Package] - Flutter Riverpod Concepts(6-1) - Providers 이 가이드에서는 Provider를 사용하는 방법을 살펴봅니다. "ref" 객체 가져오기 무엇보다도 provider를 읽기 전에 "ref" 객체를 가져와야 합니다. 이 객체를 통해 위젯이나 다른 provider와 같은 provider와 상호 작용할 수 있습니다. provider로부터 ‘ref' 받기 모든 provider는 매개변수로 "ref"를 받습니다: final valueProvider = Provider((ref) { // 다른 provider를 얻으려면 ref를 사용하세요. final repo..

Package 2023.07.18 21:01

Flutter Riverpod Concepts(6-1) - Providers

Providers 이제 Riverpod를 설치했으니 " provider"에 대해 이야기해 보겠습니다. Provider는 Riverpod 애플리케이션에서 가장 중요한 부분입니다. provider는 상태의 일부를 캡슐화하고 해당 상태를 수신할 수 있도록 하는 객체입니다. 왜 Provider를 사용해야 하나요? provider안에 상태 부분을 넣습니다: 여러 위치에서 해당 상태에 쉽게 액세스할 수 있습니다. Provider는 Singleton, Service Locator, Dependency Injection 또는 InheritedWidgets와 같은 패턴을 완전히 대체합니다. 이 상태를 다른 상태와 결합하는 작업을 단순화합니다. 여러 개체를 하나로 병합하는 데 어려움을 겪은 적이 있으신가요? 이 시나리오는..

인기 글

Document 2022.08.25 17:57

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를 지..

Document 2022.05.09 02:03

Android Studio Emulator 창모드로 변경 또는 해제 방법

IDE 업데이트 이후 창모드가 되지 않았다. 해결방법 - Launch in a tool window 해제 하면 창모드로 사용할 수 있다. 만약 창모드를 해제하고 "Launch in a tool window" 체크 하고아래의 dropdownList에서 Ask before deleting을 선택하면 된다

Package 2022.05.04 15:29

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 2023.07.12 19:58

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..

Document 2022.05.05 00:14

Flutter text over flow 적용안될때

개발을 하다 보면 text가 밀릴 때가 발생한다. TextScale을 설정하지 않았을 때 TextScale을 고정시키게 되면 시스템에 설정된 폰트 크기가 적용되지 않는다. 이는 눈이 침침해서 작은 글씨가 잘 안보이시는 어르신들이 사용하는 앱 같은 경우에는 글자가 잘 안 보이는 불편함을 야기시키기 때문에 대체적으로 눈이 침침하신 어르신들이 사용하는 앱을 개발하는 경우에는 안 하는 것이 좋다고 생각한다. 작은 width를 가진 스마트폰으로 발생하는 overflow text의 길이가 초과될 때 그래서 이를 해결하기 위해 나는 아래와 같은 코드 블록을 사용했었다. 하지만 overflow가 적용되지 않았다. Text 길이가 길어짐에 따라 Text 위젯은 확장된다 이로 인해 Text위젯 옆에 있는 위젯을 밀어버려 ..

Widget 2022.05.02 15:25

Flutter Stepper widget 문서

Stepper Widget 순차적 또는 단계적으로 사용자에게 무언가를 요구 또는 보여줄 때 사용하기 적합한 위젯입니다. Steeper 자식 위젯으로 Step 이 있습니다. 왼쪽 사진은 custom controlsBuilder 적용한 사진이며 오른쪽 사진은 기본 controlsBuilder입니다. Stepper 프로퍼티 type - vertical, horizontal 있다. controlsBuilder - Continue, Cancel 버튼의 위젯 영역을 담당하는 프로퍼티 해당 프로퍼티를 삭제하면 위에 오른쪽 사진처럼 된다. StepState - 5가지의 상태 complete - 체크 아이콘으로 변경 disabled - 비활성화(회색으로 변경) error - 에러 아이콘 editing - 연필 모양의 아..