Bull

글은 공식문서를 정리하는 형식으로 작성했습니다.BloC Widget의 종류를 먼저 정리해보겠습니다.BloC Widget의 종류BlocBuilderBlocSelector------------------BlocProviderMultiBlocProvider------------------BlocListenerMultiBlocListener------------------BlocConsumer------------------RepositoryProviderMultiRepositoryProvider구분선을 나눌 이유는 없지만 Multi가 있는 Widget과 없는 Widget으로 나눴습니다.하지만 Consumer는 Bulider와 Listener의 개념이 함께 쓰이므로 따로 나눴습니다. 각 BloC Widget의 ..

Extension Methods는 Dart 언어의 기능으로, 기존 클래스에 새로운 기능을 추가할 수 있는 방법입니다. 이 기능을 사용하면 기존 클래스를 수정하지 않고도 해당 클래스에 새로운 메서드를 추가할 수 있습니다.// extension on String// extension에 이름을 지정해주지 않아도 되지만 충돌방지와 명확한 구분을 위해 적용하는 게 좋습니다.extension StringExtension on String { String capitalize() { if (this.isEmpty) { return this; } return this[0].toUpperCase() + this.substring(1).toLowerCase(); }}void main() { S..

https://bloclibrary.dev/bloc-concepts/ Bloc ConceptsAn overview of the core concepts for package:bloc.bloclibrary.dev이 글은 Bloc을 이해하기 전 Stream이란 무엇인지 이해하기 위해 해당 공식 문서를 그대로 옮겨보기 + 제 생각 덧붙여보기로 작성해보았습니다.StreamsStreams은 비동기식 시퀀스 데이터입니다.Bloc 라이브러리를 이해하기 위해 Streams이 어떻게 동작하는지 이해하는 것은 중요합니다. 만약 Streams이 익숙치 않은 분은 물이 흐르는 파이프를 생각하세요.파이프는 Stream이고 물은 비동기식 데이터 입니다. 우린 Stream을 dart의 async* (async 생성자)키워드를 통해..

Flutter에서 폰트를 적용하는 기본적인 내용을 정리해보겠습니다.무료 폰트 다운로드https://fonts.google.com/?subset=korean&noto.script=Kore Browse Fonts - Google FontsMaking the web more beautiful, fast, and open through great typographyfonts.google.com저는 위 사이트에서 무료 폰트를 다운받아 적용하였습니다.한글은 적용안되는 영어폰트만 있을 수 있으므로 필터를 통해 한글 폰트를 찾아줍니다. 저는 아래와 같이 Dongle font를 사용하였습니다.https://fonts.google.com/selection/embed Google FontsMaking the web more..

Bloc이란?Bloc은 Business Logic Component의 약자로, 복잡한 상태 관리를 위한 강력한 패턴입니다. 이벤트 기반의 상태 관리 방식으로, 대규모 애플리케이션에서 효과적입니다.설계 철학: Provider는 간단함과 유연성을 중시하며, Bloc은 명확한 구조와 테스트 용이성을 강조합니다.상태 관리 방식: Provider는 ChangeNotifier를 통해 상태를 관리하고, Bloc은 이벤트와 상태를 구독하고 전송하는 방식으로 관리합니다.복잡도: Provider는 비교적 배우기 쉽고 간단한 반면, Bloc은 학습 곡선이 더 가파릅니다.성능: 두 솔루션 모두 성능이 우수하지만, Bloc은 더 큰 규모의 상태 관리에 적합합니다.Bloc 실전 적용해보기bloc으로 상태관리를 하기 위해 카운트 ..

Icon을 속성없이 단독으로 사용하는 경우 ExpansionTile( title: Text('Icon'), ... iconColor: themeColors[1], ... leading: Icon(Icons.folder), ), ExpansionTile 아니라도 leading 속성에 사용하면 보통 앞부분에 아이콘으로 꾸며줄 때 사용한다. 대충 이런 식으로. Icon을 속성적용하여 사용하는 경우 : Button Container( ... child: IconButton( onPressed: () { // }, icon: Icon( Icons.library_add, color: const Color.fromARGB(255, 65, 65, 65), ), ), ), 매우 직관적이고 좋다. IconButton 위젯..

main.dart import 'package:flutter/material.dart'; import './request_api.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Trading Dashboard', theme: ThemeData( primarySwatch: Colors.blue, visualDensity: VisualDensity.adaptivePlatformDensity, ), home: DashboardScreen(), ); } } class DashboardScr..

사용 이유 만들고 있는 앱 중, 데이터를 로컬에 저장시키기 위해 인스턴스를 JSON 형태로 직렬화 하고 이를 문자열로 변환하여 shared_preferences 패키지의 클래스에 저장한다. 이를 다시 데이터로 읽을 때, 문자열을 JSON형태로 변환하고 다시 객체로 역직렬화를 시킨다. 그 중, 문자열을 JSON 형태로 변환된 상태를 객체로 역질렬화 시킬 때 factory 키워드 중 (객체).fromJson이 사용된다. 적용 예시 (.fromJson) import 'dart:convert'; class SongInfo { String song; String artist; String number; bool isTJ; bool isKY; SongInfo({required this.song, required t..