월루를 꿈꾸는 대학생

참고 자료 https://velog.io/@adbr/flutter-line-chart%EA%BA%BD%EC%9D%80%EC%84%A0-%EA%B7%B8%EB%9E%98%ED%94%84-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B02-flutter-flchart-example flutter line chart(꺽은선 그래프) 구현하기2 (flutter fl_chart example) 사용한 라이브러리 https://pub.dev/packages/fl_chart > (공식문서) 라이브러리 차트 유형 https://github.com/imaNNeoFighT/flchart/blob/master/repofiles/documentations/index.m velog.io https://blog...

FlutterSecureStorage https://pub.dev/packages/flutter_secure_storage flutter_secure_storage | Flutter Package Flutter Secure Storage provides API to store data in secure storage. Keychain is used in iOS, KeyStore based solution is used in Android. pub.dev - 보다 안전한 저장소 - 키와 벨류로 매칭이 됨 - 보통 로그인 정보를 저장 혹은 토큰 정보를 저장하는 용도로 사용함 저장소 생성 final storage = FlutterSecureStorage(); 읽기 - 키 이름에 key를 넣어서 value를 읽..

Glassmorphism - 화려한 배경에 반투명한 유리를 덧댄듯한 디자인 - 투명도를 사용해서 불투명한 유리 효과를 줌 - 떠있는 듯 느낌이 남 글래스모피즘 생성 사이트 https://ui.glass/generator/ Glassmorphism CSS Generator - Glass UI Generate CSS and HTML components using the glassmorphism design specifications based on the Glass UI library. ui.glass

뉴모피즘 - 미니멀리즘의 디자인 - 플랫한게 특징 - 빛과 그림자로만 디자인을 하고 질감이 느껴지지 않는 것이 특징 - 플라스틱 같음 참고 사이트 긱스 https://www.geeksforgeeks.org/neumorphism-in-flutter/ Neumorphism in Flutter - GeeksforGeeks A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, quizzes and practice/competitive programming/company interview Questions. www.geek..

dart는 싱글 스레드 환경임 즉 멀티 스레드 환경이 아니라서 과도한 처리를 여러개 하는 경우 플러터의 프레임이 끊기는 현상이 발견하기도 함 그래서 isolate라는게 필요함 별도의 메모리를 가지고 별도의 처리를 하는 친구 완전한 별도의 장소이기 때문에 객체의 주소자체가 달라짐 class MySingleton{ static final MySingleton _instance = MySingleton._internal(); factory MySingleton(){ return _instance; } } 해당 인스턴스를 만들고 보면 같은 객체임 MySingleton my1 = MySingleton(); MySingleton my2 = MySingleton(); print(my1.hashCode); print(..

컨베이어벨트 - 스트림 수화물 - 이벤트 경고등 - 구독 스트림은 한번에 끝내는 게 아니라 지속적으로 데이터 기다렸다가 필요한 거 받아서 사용 언제라도 데이터가 도착할 수 있는 경우 스트림을 사용하는 것이 좋음 스트림빌더 - 스트림으로 구독하는 데이터를 받을 수 있음 - 데이터 받을 때마다 리빌드 됨 class _CounterState extends State { final int price = 2000; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Stream Builder'), ), // 제너릭 타입 // 스트림빌더는 자체적으로 스트림으로 들어오는 데이터 구독을 위한 기능 body..

https://pub.dev/packages/firebase_core/install firebase_core | Flutter Package Flutter plugin for Firebase Core, enabling connecting to multiple Firebase apps. pub.dev https://pub.dev/packages/firebase_auth firebase_auth | Flutter Package Flutter plugin for Firebase Auth, enabling Android and iOS authentication using passwords, phone numbers and identity providers like Google, Facebook and Twitt..

스플래쉬 화면 사용할 패키지 https://pub.dev/packages/flutter_native_splash flutter_native_splash | Flutter Package Customize Flutter's default white native splash screen with background color and splash image. Supports dark mode, full screen, and more. pub.dev 해당 패키지를 사용하면 간편하게 스플래쉬 화면을 만들 수 있습니다. pubspec.yaml # flutter_native_splash flutter_native_splash: color: "#ffffff" image: asset/img/logo.png branding..

화면에 넣을 이미지 설정하기 pubspec.yaml 코드에 이미지 파일이 들어있는 경로를 추가 폰트도 추가 이미지 로고는 일단 flation에서 적당히 가지고 옴 https://www.flaticon.com/ Free Icons and Stickers - Millions of images to download Download Free Icons and Stickers for your projects. Images made by and for designers in PNG, SVG, EPS, PSD and CSS formats www.flaticon.com asset/img/폴더 안에 이미지 넣은 후 해당 위젯으로 가지고 옴 Image.asset('asset/img/logo.png'), 폰트 적용은 mai..

파이어베이스 홈페이지 접속 https://console.firebase.google.com/u/0/project/fir-5f261/overview 로그인 - Google 계정 이메일 또는 휴대전화 accounts.google.com 만들어둔 프로젝트에 들어간 후 안드로이드 모양 클릭 사용할 어플의 패키지이름 등록 안드로이드 앱 기준 build.gradle 파일 안에 defaultConfig 안에 해당 applicationId를 확인할 수 있음 id 넣어주고 앱 등록 버튼 클릭 google-services.json 파일 다운로드하고 해당 경로에 넣어주기 build.gradle 코드 안에 google() 있나 확인 classpath 'com.google.gms:google-services:4.3.13' 해당..