Flutter 썸네일형 리스트형 [Flutter 육아앱 만들기] 4편 - 데이터 저장하기 (앱 껐다 켜도 기록이 남는다) [Flutter 육아앱 만들기] 4편 - 데이터 저장하기 (앱 껐다 켜도 기록이 남는다)3편에서 수유 기록을 입력하고 목록으로 볼 수 있게 됐다. 근데 문제가 있다. 앱을 끄면 기록이 다 날아간다. 이번 편에서 기록을 영구 저장하는 방법을 알아본다.저장 방법, 뭘 써야 하나?Flutter에서 데이터를 로컬에 저장하는 방법은 여러 가지다:방법특징언제 쓰나shared_preferences간단한 키-값 저장설정값, 소량의 데이터sqfliteSQLite DB대량의 구조화된 데이터hive / isar빠른 NoSQL DB성능이 중요한 경우우리 육아앱은 지금 당장 sqflite까지 필요하진 않다. 일단 shared_preferences로 시작하고, 나중에 데이터가 많아지면 sqflite로 이전하는 편을 따로 다룰 거.. 더보기 [Flutter 육아앱 만들기] 3편 - 수유 기록 화면 만들기 (ListView와 입력 폼) [Flutter 육아앱 만들기] 3편 - 수유 기록 화면 만들기 (ListView와 입력 폼)2편에서 홈 화면을 만들고 버튼 3개를 뒀다. 근데 눌러도 아무 일도 안 일어났다. 이번 편에서 드디어 수유 기록 버튼에 화면을 연결하고, 기록을 입력하고 목록으로 볼 수 있는 화면을 만든다.이번 편에서 만들 것홈 화면 → 수유 기록 화면으로 이동 (Navigator)시간 + 수유량 입력 폼 (TextField, TimePicker)기록 목록 표시 (ListView)상태 관리 (StatefulWidget + setState)파일 구조 정리부터지금까지는 lib/main.dart 파일 하나에 다 때려넣었다. 화면이 늘어나면 파일도 나눠야 한다. lib/screens/ 폴더를 만들고 수유 기록 화면을 거기에 넣자.li.. 더보기 [Flutter 육아앱 만들기] 2편 - 첫 화면 만들기 (Widget이 뭐야?) [Flutter 육아앱 만들기] 2편 - 첫 화면 만들기 (Widget이 뭐야?)1편에서 환경 세팅을 끝냈다. 오늘은 flutter create로 만들어진 기본 앱을 뜯어보고, 우리 육아앱의 첫 화면을 만들어본다.기본 프로젝트 구조 살펴보기1편에서 만든 프로젝트 폴더를 VS Code로 열어보자.터미널에서 code 명령어로 VS Code를 바로 열 수 있다. 처음이라면 아래 설정을 먼저 해줘야 한다:VS Code를 열고 Cmd+Shift+PShell Command: Install 'code' command in PATH 검색클릭한 번만 해두면 끝이다. 이제 터미널에서:cd ~/flutter-projects/baby_diarycode .폴더 구조가 이렇게 되어있다:baby_diary/├── lib/│ └.. 더보기 [Flutter 육아앱 만들기] 1편 - 개발 환경 세팅하기 (macOS) [Flutter 육아앱 만들기] 1편 - 개발 환경 세팅하기 (macOS)육아하면서 틈틈이 Flutter를 배워보기로 했다. 목표는 직접 아기 성장 다이어리 앱을 만드는 것. 프로그래밍은 좀 해봤지만 Flutter는 처음이다. 설치부터 차근차근 기록해본다.Flutter가 뭔데?Flutter는 Google이 만든 크로스플랫폼 UI 프레임워크다. 하나의 코드로 iOS, Android, 웹, 데스크톱 앱을 모두 만들 수 있다.언어: Dart (배우기 쉬운 편)특징: 핫 리로드(코드 수정하면 바로 반영), 위젯 기반 UI왜 Flutter?: 육아하면서 iOS/Android 따로 만들 시간이 없다. 하나로 끝내자.1. Homebrew 설치 (이미 있으면 스킵)macOS에서 개발 도구를 편하게 설치하려면 Homeb.. 더보기 이전 1 다음