메모앱4 [Flutter] Future Builder 와 ValueListenableBuilder 메모 앱 기능 개발 중 한 가지 문제가 생겼다.메모 데이터 수정이 발생한 경우 수정된 메모만 다시 랜더링 한다는 의도와는 다르게 모든 메모들이 다시 랜더링 되는 현상이 발생했다.이를 해결하기 위해 여러 방법을 시도한 결과, 데이터를 저장하는 형식을 바꾸는 방법으로 해결했다. 1. 기존 방법 - Future Builder 사용DB에서 메모 데이터를 받아오는 방식이기 때문에, 데이터를 모두 받은 이후에 랜더링 할 수 있도록 Future Bulider 를 사용했는데해당 클래스의 future 파라미터에 넣는 함수는 데이터를 반환해야 한다.Future>> _requestDateTodoList() async { final data = await DatabaseHelper.instance.readDateTodo.. 2024. 9. 11. [Flutter] 메모 앱 만들기 - 데이터 베이스 연결 이전 글 - 메모 입력 화면 만들기메모 작성 위젯에서 메모를 입력하고, 저장 버튼을 누르면 이전 화면으로 메모 내용을 전달하는 것 까지 구현했다.작성한 메모 내용을 유지하기 위해서는 로컬 또는 서버에 메모 내용을 저장해야 한다.현재 만들고 있는 앱의 경우에는 이용자를 식별할 수 있는 값 (ex. 가입 ID )이 없으므로 로컬에 데이터를 저장하도록 구상했다. 1. 패키지 설치텍스트 형식의 데이터만 저장할 예정이므로, 규모가 큰 데이터베이스가 요구되지 않기 때문에 SQLite 를 사용해서 메모 데이터를 저장해보려고 한다.먼저, 작성 중인 플러터 앱 > pubspec.yaml 파일에 아래 패키지를 추가한다.dependencies: flutter: sdk: flutter sqflite: ^2.2.0 .. 2024. 9. 7. [Flutter] 메모 앱 만들기 - 입력 상자 만들기 이전 글 - 달력 만들기 [Flutter] 메모 앱 만들기 - 달력전에 React 로 메모를 작성하고, 완료한 메모를 인증할 수 있도록 하는 기능완료한 수에 따라 경험치를 부여하여 메모 작성과 완료에 대한 동기를 부여하는 웹 앱을 만들어 본 경험이 있다.해당chunws13.tistory.com이전 글에서는 달력을 만들어 보고, 선택한 날짜를 하이라이트 하는 기능을 간단하게 구현해 보았다.이번 글에서는1 .달력 화면에서 버튼을 클릭하면 2. 메모를 작성하는 화면이 나오고3. 메모를 작성하고 저장하면 메모 내용을 이전 화면으로 돌려주는 기능을 만들어 본다. 1. 달력 화면에 버튼 추가하기메모를 입력하는 방법은 다양한 방법이 있겠으나,메모 입력 시 반복 설정 등 다양한 옵션을 추가할 예정이므로 새로운 화면에서.. 2024. 9. 3. [Flutter] 메모 앱 만들기 - 달력 전에 React 로 메모를 작성하고, 완료한 메모를 인증할 수 있도록 하는 기능완료한 수에 따라 경험치를 부여하여 메모 작성과 완료에 대한 동기를 부여하는 웹 앱을 만들어 본 경험이 있다.해당 프로젝트는 Front: AWS S3 / Back: AWS EC2 를 사용해서 배포했지만,많은 사이트들이 그렇듯, 홍보를 하지 않으니 사람들이 이용하지 않았고, 이용 해 본 사람들도 자주 이용하지 않게 되었다.나조차도 별로 이용하지 않았았고, AWS 프리 티어 기간이 지나 유지하는 비용만 발생하니 해당 프로젝트는 내리고앱으로 만들어보면 어떨까 해서 앱으로 재탄생 시켜보려고 한다. 이전에 구현했던 모든 기능들을 다 구현하지 않고 간단한 기능들만 남겨서 구현할 예정이다.1. 일자 별로 메모를 작성하고, 완료할 수 있는 .. 2024. 8. 30. 이전 1 다음
