happylife

나는 초등학교 2학년부터 안경을 썼다. 거의 안경잡이 20년차이다. 그래서 그런지 안경이 더러워져도 사실 잘 모른다..! 하지만 너무 더러워졌을때쯤 눈치를 차리고 안경을 닦는다.. 안경닦이 가지고다니는거도 엄청 귀차나하고 걍 휴지랑 옷으로 닦는 그런 사람이다... ㅎ 근데 내가 안경을 안닦는 이유는 안경닦이를 챙기고 들고다니고 빨고 하는게 넘 귀찮기 때문이다... 안경닦이만 들고다니기엔 넘 나풀거리고 안경집에 넣어다니기엔 부피가 넘 크다. 그래서 그런지 안경에 기스도 엄청나다..ㅠㅠ 언니가 보다못했는지 글래너 glener 라는 안경닦이를 선물해줬다 짜잔!! 이렇게 꺼내서 쓸 수 있음! 이렇게 안경 닦으면 되는거다! 디자인도 이쁘고 컴팩트해서 잘 가지고 다닐 수 있을거같다 약 1주일간 써본 결과 안경에 기..

언니가 감자밭 매장에서 감자빵을 사왔다. 감자밭 일년 매출이 200억이라고한다.. 춘천에서 가장 성공한 음식점(?) 카페(?)가 아닐까 싶다. 감자밭 포장지다. 귀여운 감자감자~~ 글씨체도 삐뚤빼뚤하니 귀엽다 감자빵이 들어있는 봉투 설명서도 있다 밀가루가 하나도 안들어간 글루텐 프리 제품이다. 그릇에 담아놓아봤다. 진짜 감자같이 생겼다 맛은 세가지 맛을 샀는데 오리지널 맛은 그냥 감자 으깬 것이 들어가있고 치즈맛은 으깬감자+굵은치즈 토마토맛은 바질+토마토+으깬감자가 들어있다. 감자전분으로 겉을 만들어서 떡처럼 쫄깃쫄깃하다. 그리고 속에 으깬 감자도 퍽퍽하지 않고 촉촉하니 목이 안막혔다. 사람 입맛이 정말 다른가보다. 나는 치즈맛이 가장 맛이있었는데 언니는 치즈맛이 이상하고 토마토가 가장 맛있다고 했다. ..

스플래쉬 화면은 모바일 앱을 실행시켰을때 가장 처음으로 나타나는 화면이다. 사용자 타입에 따라 다른 랜딩 화면을 제공하기 위한 준비 시간동안 로고와 같은 앱을 대표하는 내용으로 구성되어있다. 예를 들면, 네이버블로그, 넷플릯, 뱅크샐러드의 스플래쉬 화면이다. 그렇다면 플러터에서도 스플래시 화면을 넣는 방법을 알아보자! flutter_native_splash 패키지를 사용한다. pubspec.yaml에 dependency를 설정해준다. dependencies: flutter_native_splash: splash 화면에 보여줄 이미지를 assets 폴더를 만들어 넣어준다. 그리고 pubspec.yaml 파일에 flutter_native_splash를 추가해준다. color, image, background..

플러터 앱의 기본 아이콘을 쉽고 빠르게 변경하기 위해서 flutter_launcher_icons 패키지를 사용하였다. 만약 이 패키지를 사용하지 않고 아이콘을 변경하려면 안드로이드에서는 android/app/src/main/res 에 들어가서 파일의 이미지들을 모두 바꿔줘야한다. ios에서는 ios/Runner/Assets.xcassets 에 들어가서 AppIcon.appiconset 폴더 전체의 이미지 바꿔줘야한다. 이 패키지를 사용하면, 그냥 코드한줄이면 아이콘 변경이 가능하다. 사용하는 방법은 아주 쉽다! pubspec.yaml 파일에서 다음과 같이 수정해주면 된다. dev_dependencies: flutter_launcher_icons: flutter_icons: android: "launche..

플러터에서는 if/else, switch 문을 이용해서 위젯에 조건문을 줄 수 있다. 그리고 간편하게 ternary operator(삼항 조건 연산자)를 사용할 수도 있다. class SaveBtn extends StatelessWidget { SaveBtn({Key? key}) : super(key: key); late QuillModel quillmodel; late Pcontents pcontents; @override Widget build(BuildContext context) { quillmodel = Provider.of(context); pcontents = Provider.of(context); return Container( margin: EdgeInsets.fromLTRB(0, 0, ..

플러터에서 container widget을 클릭하기 위해서는 InkWell 위젯을 사용하면 된다. 그리고, inkwell widget안에 onTap 부분에 클릭하면 수행할 함수/동작을 넣어주면 된다. InkWell( onTap: (){ Navigator.of(context).pushReplacementNamed('/promise'); }, child: Container( padding: EdgeInsets.all(10), height: 150.0, width: 150.0, color: Colors.transparent, child: Container( decoration: BoxDecoration( color: Colors.grey.withOpacity(0.2), borderRadius: BorderRa..

플러터 screen에서 bottom overflowed by ~~ pixels라고 뜰 때가 있다. 노란색과 검정색의 빗금이 마구 쳐져있다. 이것을 해결하기 위한 방법은, Scaffold 하위에 resizeToAvoidBottomInset : false, body부분에 SingleChildScrollView 를 넣어주면 된다. resizetoAvoidBottomInset에 대해서 더 알아보자면, 이 값이 true 일 경우에는, body와 scaffold의 위젯들이 키보드 위에 존재하지 않도록 하는 것이다. 즉 키보드가 나타나면 이 값들이 키보드 밑에 존재하지 않도록 쭈욱 밀린다는 것이다. 따라서 이 값을 false로 설정해야 값들이 밀리지 않고 overflow 표시가 나지 않는다. 아래는 코드이다. cla..

플러터에서 전체 스크린의 배경색을 설정하는 방법을 알아보겠다. materialapp을 만들어주는 쪽에서 theme을 추가해주면 된다. return MaterialApp( // your other app initialization code theme: ThemeData(scaffoldBackgroundColor: Colors.white), ); 각 화면에서 배경색 설정하는 방법은 이렇게 scaffold 밑에 backgroundcolor로 배경색을 설정해주면 된다. void main() => runApp(new MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return new Mater..

flutter에서 데이터를 로컬에 저장하는 방법은 두가지가 있다. 하나는 shared preference이고 다른 하나는 sqflite이다. shared preference의 경우에는, 자동 로그인 같은 간단한 데이터를 저장하고 싶을 때 사용한다. sqflite는 디바이스에 많은 데이터를 저장 하고, 쿼리를 요청할 때 사용한다. 먼저, puspec.yaml 파일에 dependency를 추가해준다. dependencies: sqflite: 1. 데이터베이스 열기 Future get database async { if (_db != null) return _db; _db = openDatabase(join(await getDatabasesPath(), 'Record5.db'), onCreate: (db, v..

list view builder에 provider를 적용하였다. 그런데 데이터를 추가했을 때 데이터가 바로 업데이트 되지 않았다... 아래가 문제가되는 화면이다.. stackoverflow에서 찾은 방법인데,, 1번방법 이 방법은 stateful widget에서 initstate를 사용했다. 그런데 우리는 stateless widget을 사용하기 때문에 initstate가 없어서 이 방법으로는 해결 할 수 없다,, https://stackoverflow.com/questions/62994906/is-there-other-method-to-update-data-in-custom-listview-in-provider-flutter Is there other method to update data in cus..