오늘 개발 스터디 Flutter/Dart로 프로젝트를 진행하다 보면 *.g.dart나 *.freezed.dart 같은 생소한 파일들을 자주 마주하게 됩니다. 특히 상태 관리를 위해 freezed 라이브러리를 도입하면 필수적으로 보게 되는 파일들이죠.이 파일들은 왜 생성되는 것이며, freezed는 우리에게 어떤 편리함을 줄까요? 이번 글에서는 Dart의 코드 생성(Code Generation) 메커니즘과 freezed 라이브러리의 핵심 지식을 깊이 있게 살펴보겠습니다.1. 왜 freezed가 필요했을까? (Dart의 한계와 보일러플레이트)Java나 Kotlin, Swift 같은 모던 언어들과 달리, Dart(특히 초기 버전)는 데이터 모델 객체를 만들 때 개발자가 직접 작성해야 하는 반복적인 코드(보일러..
flutter pubspec.yami => 플러터에 환경 설정retrofit freezed_annotationjson_annnoataionflutter_riverPod => flutter pub get 으로 관련 설정 추가 name: fluttertestdescription: "A new Flutter project."publish_to: 'none'version: 1.0.0+1environment: sdk: ^3.11.1dependencies: flutter: sdk: flutter # 여기에 있던 dio 등이 flutter: sdk 아래로 잘못 들어가 있었습니다. 밖으로 빼야 합니다. dio: ^5.4.1 retrofit: 4.1.0 freezed_annotation: ^2.4.1..
안녕하세요! 오늘은 Flutter 개발자들 사이에서 가장 사랑받는 상태 관리 라이브러리인 Riverpod에 대해 알아보겠습니다.Provider의 제작자가 만든 Riverpod은 기존 Provider의 단점(런타임 에러, 위젯 트리 의존성 등)을 완벽하게 보완하며, 현재 Flutter 생태계에서 사실상 표준으로 자리 잡고 있습니다.1. Riverpod이란?Riverpod은 Provider 의 철자를 재배열(Anagram)한 이름입니다. 이름에서 알 수 있듯이 Provider의 정신을 계승하면서도 훨씬 더 안전하고(Compile-safe), 유연하게 설계되었습니다.컴파일 타임 안전성: 잘못된 타입 접근으로 인한 런타임 에러를 방지합니다.위젯 트리 독립성: 위젯 트리 외부에서도 상태에 접근할 수 있어 로직 분..
[Flutter] 상태 관리의 시작, Provider 완벽 가이드안녕하세요! 오늘은 플러터 앱 개발의 필수 관문인 상태 관리(State Management), 그중에서도 구글이 공식적으로 권장했던 Provider 라이브러리에 대해 자세히 알아보겠습니다.1. Provider란 무엇인가요?플러터는 모든 것이 위젯으로 이루어져 있습니다. 데이터(상태)를 하위 위젯으로 전달하려면 생성자를 통해 하나하나 넘겨줘야 하는데, 이를 Prop Drilling이라고 합니다. 위젯 트리가 깊어질수록 이 과정은 매우 고통스러워지죠.Provider는 이 문제를 해결해줍니다. 데이터를 "공중에 띄워놓고" 필요한 위젯이 어디서든 꺼내 쓸 수 있게 해주는 의존성 주입(DI) 및 상태 관리 도구입니다.2. 왜 Provider를 쓸까요..
![Flutter 입문(2): [Flutter] 플러터의 뼈대, Scaffold 위젯 완벽 정리](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FblGVJ6%2FdJMcaaRyA5k%2FAAAAAAAAAAAAAAAAAAAAAEq5bMTmGpypjvHLdnzDMLBw3vCi0huU0urzV645USjg%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1782831599%26allow_ip%3D%26allow_referer%3D%26signature%3DYqUFwZu36mMXc%252FXikCRCd8PTmHE%253D)
1. Scaffold란 무엇인가요?단어 뜻 그대로 발판 라는 의미를 가집니다. 건축 현장에서 건물을 짓기 위해 설치하는 임시 가설물처럼, Scaffold는 앱 화면의 전체적인 레이아웃 구조를 잡아주는 뼈대 역할을 합니다. 2. Scaffold의 주요 속성 (Property)Scaffold는 여러 개의 슬롯(Slot)을 가지고 있어, 원하는 위치에 위젯을 넣기만 하면 됩니다.속성명설명appBar화면 최상단에 위치하는 제목 표시줄 (PreferredSizeWidget)body화면의 중심이 되는 메인 콘텐츠 영역floatingActionButton화면 위에 떠 있는 듯한 원형 버튼 (주요 액션 시 사용)drawer왼쪽에서 오른쪽으로 밀어서 여는 사이드 메뉴bottomNavigationBar하단 탭 바 혹은 메..
플러터(Flutter) 개발을 시작하면 가장 먼저 마주치는 관문이 바로 위젯(Widget)의 종류입니다오늘은 UI를 구성하는 두 축인 StatelessWidget과 StatefulWidget의 차이점을 비유와 코드를 통해 아주 쉽게 알아보겠습니다1. 핵심 요약구분StatelessWidgetStatefulWidget상태(State)없음 (고정됨)있음 (변할 수 있음)화면 갱신불가능setState()를 통해 가능비유한 번 인쇄된 전단지내용을 지우고 쓸 수 있는 화이트보드 2. StatelessWidget (상태가 없는 위젯)말 그대로 상태가 없는 정적인 위젯입니다. 한 번 생성되면 그 모습 그대로 화면에 머뭅니다.특징: 위젯 내부의 데이터가 변하지 않습니다. 만약 값을 바꾸고 싶다면 위젯을 '삭제하고 다시 ..