Tiny Bunny
Flutter Day 10-1: StatefulWidget을 이용한 도서 관리 앱
·
🖥️Frontend/Flutter
StatefulWidgetStatefulWidget은 Flutter에서 상태를 가지는 위젯을 정의하는 데 사용됩니다. 상태(State)는 시간이 지남에 따라 변경될 수 있는 데이터를 의미하며, 이 상태의 변화에 따라 UI를 다시 렌더링할 수 있습니다. StatefulWidget은 두 가지 주요 클래스를 조합하여 작동합니다:StatefulWidget 클래스:변경되지 않는 부분(위젯 자체)을 정의.상태를 관리할 State 객체를 생성.createState() 메서드를 통해 상태 객체를 반환.State 클래스:상태를 보유.build() 메서드를 사용해 UI를 생성.상태가 변경되면 setState()를 호출하여 화면을 다시 그림.StatefulWidget vs StatelessWidget특징StatefulWid..
Flutter Day 8-2: shopping cart app (5)
·
🖥️Frontend/Flutter
🗂️ 프로젝트 구조Flutter 앱은 여러 파일로 나눠 구조를 만듭니다.이 프로젝트의 주요 파일은 다음과 같습니다:lib/constants.dart → 앱의 상수 정의lib/theme.dart → 앱의 테마 설정lib/main.dart → 앱의 진입점lib/components/shoppingcart_header.dart → 쇼핑카트 헤더lib/components/shoppingcart_body.dart → 쇼핑카트 바디🎨 테마 설정constants.dart: 색상 상수 정의앱에서 사용될 주요 색상을 상수로 정의해 재사용성을 높입니다.MaterialColor로 primarySwatch를 설정하면 Flutter에서 색상 팔레트를 자동으로 생성합니다.const kPrimaryColor = MaterialC..