Dev/Flutter 50

[Flutter] Riverpod 사용해보기 -강의-

Riverpod 패키지 (pub.dev) RiverpodRiverpod 은 상태 관리를 도와주는 패키지(라이브러리) 이며, Provider 패키지를 만든 곳에서 Provider 의 한계를 개선해서 만든 패키지 입니다. 상태 관리그런데 여기서 상태 관리 라는건 무엇일까요?상태관리는 애플리케이션에서 데이터나 UI 의 상태(state)를 효과적으로 관리하고 유지하는 방법을 의미합니다. Flutter와 같은 프레임워크에서는 사용자의 상호작용이나 데이터 변경에 따라 화면이 갱신되어야 하기 때문에 상태관리가 매우 중요한 역할을 합니다.요약하자면, 화면상의 정보에 영향을 미치는 변수를 업데이트, 삭제하는 등의 화면에 표현하는 것을 상태 관리라고 합니다. 1. State 상태  : 애플리케이션에서 상태는 다음을 포함다..

Dev/Flutter 2024.12.08

[Flutter] Json 데이터를 객체로 변환하는 방법

class Human { String name; int age; Human({required this.name, required this.age}); factory Human.fromJson(Map json) : this( name: json['name'], age: json['age'] );} fromJson() 는 JSON 데이터를 객체로 변환하기 위해 만들었습니다. 일반적으로, API 호출이나 파일 읽기 등의 작업에서 데이터를 JSON 형식으로 받는 경우가 많습니다.JSON 데이터는 Dart에서 Map 형태로 표현됩니다.하지만 JSON 데이터만으로는 객체지향 프로그래밍의 장점을 살리기 어렵습니다. 따라서, 이 데이터를 우리가 정의한 클래스 객체로 변환해야 할 필요가 있습니다..

Dev/Flutter 2024.12.03

함수형 위젯 vs 클래스형 위젯, 어떻게 하는게 좋을까?

Flutter 에서 함수형 위젯과 클래스형 위젯 선택을 어떻게 하면 좋을지에 대해서 공부한 내용을 공유합니다. 기본적으로 공식(?) 영상을 봤습니다만 생각보다 궁금한 부분들이 잘 해소되진 않았습니다.https://youtu.be/IOyq-eTRhvo?si=VSz-YpbZeAghi6kS   해당 유튜브 영상을 바탕으로 블로그, Medium 글들을 여럿 읽고 GPT와 열심히 대화를 하면서 학습을 했습니다. 학습을 통해서 얻은 내용을 요약하면 다음 4가지 입니다. 클래스형 위젯 vs 함수형 위젯, 4가지 결론1. UI 가 복잡하면 클래스형 위젯, 복잡하지 않으면 함수형 위젯2. 재사용을 할것이면 클래스형 위젯, 재사용하지 않을꺼면 함수형 위젯3. DevTools 로 디버깅 잘하고 싶으면 클래스형 위젯, 디버깅..

Dev/Flutter 2024.12.02

[Flutter] 버튼 Radius 주는 방법은 Style 로!!!

여러가지 버튼 위젯으로 BorderRadius(테두리) 를 변경하는 방법을 설명하고자 한다. 설명에는 ElevatedButton, TextButton, OutlinedButton 을 활용한 변경과 기본적인 Container 를 사용한 방법을 소개한다.1. ElevatedButton 테두리 변경하기ElevatedButton( onPressed: () { // 버튼 클릭 시 동작 }, style: ElevatedButton.styleFrom( shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(16), ), ), child: Text("Rounded Button"),)1.1 ElevatedButton 에서 ..

Dev/Flutter 2024.11.18

Flutter DropdownButton 글자 중앙정렬

Flutter 에서 DropdowButton 의 텍스트를 중앙정렬 하기 위한 방법 1. DropdownButton 을 최대로 확장한다. DropdownButton( isExpanded: true, ... ) 2. DropdownButton 의 DropdownMenuItem 에서 child 를 Center 로 감싸준다. return DropdownMenuItem( value: value, child: Center( child: Text( value, textAlign: TextAlign.center, ), ), ); https://stackoverflow.com/a/63995395/3897810 How to center text in DropdownButton? I'm trying to make the D..

Dev/Flutter 2023.12.16

Flutter - Could not build the precompiled application for the device

Could not build the precompiled application for the device. Error (Xcode): Sandbox: rsync.samba(79798) deny(1) file-write-create /.../build/ios/Debug-iphoneos/Flutter.framework Error (Xcode): Sandbox: dart(79778) deny(1) file-write-create /.../build/ios/Debug-iphoneos/.last_build_id Error (Xcode): Flutter failed to write to a file at "/.../build/ios/Debug-iphoneos/.last_build_id". Xcode15 이상으로 업..

Dev/Flutter 2023.11.10

Flutter TextField 에 텍스트 입력하는 방법

1. (사용할 곳 어딘가에) TextField() 위젯을 생성 ... TextFiled() ... 2. TextField 위젯에 넣을 컨트롤러 생성 var textFieldEditingController = TextFieldEditingController(); 3. 위의 콘트롤러를 TextField 위젯에 넣기 TextField(controller: textFieldEditingController); 4. TextFiledEditingController 의 text 함수에 텍스트를 넣으면 된다. textFieldEditingController.text = '입력하고자 하는 텍스트';

Dev/Flutter 2023.10.27

Flutter SpeechToText 에서 한국어 설정

Flutter 에서 말(speaking)을 문자로 변환하기 위해서 SpeechToText 라이브러리를 사용했다. 개발자들이 제일 많이 사용하는 라이브러리인것 같다. Google 에서 Cloud 상에서 제공하는 기능이 있지만 유료기에 일단 패스. 기본 설정 SpeechToText speechToText = SpeechToText(); ... var available = await speechToText.initialize(); if (available) { ... speechToText.listen(onResult: (result) { ... }, localeId: 'ko-KR'); } 기본 언어가 영어이기 때문에 영어를 사용한다면 localeId 가 없어도 된다. speechToText.listen(on..

Dev/Flutter 2023.10.24