[내배캠 앱창업] Day 17 - 영화관 좌석예매 앱

쏘쏠·2025년 12월 16일

1. 오늘 한 일

앱 구조/레이아웃 설계

전체 화면을 Column으로 분리

화면을 SeatSelectBox(좌석 영역) / SeatBottom(하단 영역) 으로 나눠서 파일 분리

/lib/seat_select_box.dart

/lib/seat_bottom.dart

UI 디테일

Scaffold 배경 톤 설정

각 영역 비율 잡기

SeatSelectBox → Expanded

SeatBottom → height 고정

좌석 UI 만들기

Expanded + AspectRatio로 정사각형 좌석 구성

Padding / SizedBox 로 간격 정리

BoxDecoration + BorderRadius.circular() 로 모서리 둥글게

2. 배운 내용 정리

UI 먼저 → 상태 나중 작업 흐름

Stateless로 UI만 먼저 완성

필요한 순간에만 Stateful로 전환

StatefulWidget / setState

상태(State) = UI에 영향을 주는 데이터

setState() = 상태 바뀌었으니 화면 다시 그리기

변수만 바꾸면 값은 바뀌어도 UI는 갱신 X → setState 필수

3. 내일 할 일

Flutter 강의 완강 + 과제 시작

내일도 화이팅!

profile
Flutter 앱창업 일기장

0개의 댓글