앱 개발 꼭꼭 씹어먹기

패캠 강의를 듣다가 SliverList 라고 하시는데 뭔지 몰라서 알아봤다.Sliver란?Flutter 공식 문서에서 Advanced UI > Slivers 라고 설명하는데, Sliver는 Flutter에서 스크롤 가능한 영역을 구성하는 기본 단위다.쉽게 말해서, 리스트나 그리드 같은 스크롤 가능한 UI 컴포넌트를 더 유연하게 만들기 위해 제공되는 "조각"!ListView 같은 위젯은 내부적으로 Sliver를 사용해서 스크롤을 처리한다.즉, Sliver는 화면을 스크롤하는데 필요한 데이터나 UI를 효율적으로 관리할 수 있도록 도와준다. 예시import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends St..

Flutter에서 서버와 데이터를 주고받을 때 JSON 형태를 자주 사용할텐데JSON 데이터를 다루다 보면, 필드 이름이 다르거나 데이터 타입을 맞춰야 하는 문제가 생길 수 있다.이 때 json_serializable 패키지를 활용해서 JSON 데이터를 다루는 방법을 알아보자@JsonSerializable()란?@JsonSerializable()클래스가 JSON 데이터를 쉽게 변환할 수 있도록 도와주는 어노테이션이 어노테이션을 class 키워드 위에 선언하면 됨JSON 데이터를 Dart 객체로 변환fromJson()하거나반대로 Dart 객체를 JSON으로 변환toJson()하는 코드를 자동으로 생성사용 방법json_serializable과 build_runner 패키지 설치dependencies: js..

Flutter에서 일정 추가 기능을 구현할 때 서버와의 통신 시간이 걸리더라도 화면이 끊기지 않게 하려면 어떻게 해야 할까?오늘은 "낙관적 업데이트(Optimistic Update)" 패턴을 적용한 코드를 살펴보자.문제 상황Schedule을 추가할 수 있는 간단한 UI를 구현한 다음, 여기에 3월 15일 오후 2시 회의 일정을 추가한다고 해보자.서버에 저장 요청을 보낸 뒤 응답을 기다리는 동안 아무 반응이 없다면 사용자 경험이 좋다고 볼 수 없으니..!여기서 낙관적 업데이트 패턴을 적용하면 이런 문제를 해결할 수 있다.화면 예시코드 예시class ScheduleProvider extends ChangeNotifier { final ScheduleRepository repository; DateTime..