본문 바로가기

분류 전체보기144

당근 마켓 만들어 보기 - 1 모든 소스 코드 https://github.com/flutter-coder/flutter-ui-book2 에 공개 되어 있습니다 lib - models // 화면에 필요한 샘플 데이터와 데이터 모델 클래스 관리 폴더 - screens // 5개의 화면 파일이 모여 있는 폴더 - chatting // 채팅 화면에 사용될 위젯 모음 폴더 - components // 여러 화면에서 공통으로 사용될 위젯 모음 폴더 - home // 홈 화면에 사용될 위젯 모음 폴더 - my_carrot // 나의 당근 화면에 사용될 위젯 모음 폴더 - near_me // 내 근처 화면에 사용될 위젯 모음 폴더 - heighborhood_life // 동네생활 화면에 사용될 위젯 모음 폴더 main_screens.dart // .. 2023. 10. 19.
페이지 이동 기술 - 2 (MaterialPageRoute) 학습 목표 1. MaterialPageRoute 란 뭘까? 2. showDialog 위젯 사용해보기 1. MaterialPageRoute 란 뭘까? MaterialPageRoute는 Flutter에서 앱 내 페이지 전환을 위한 라우터를 제공하는 위젯입니다. 이 위젯은 플랫폼별로 일관된 모양과 느낌의 페이지 전환을 제공하기 위해 디자인되었습니다. Navigator: Flutter에서 화면 간의 탐색을 관리하는 객체입니다. push와 pop 메서드를 주로 사용하여 새로운 화면으로 이동하거나 현재 화면을 종료합니다. Route: 화면(또는 페이지) 간의 단일 전환을 나타내는 객체입니다. MaterialPageRoute는 Route의 하위 클래스입니다. BuildContext: 위젯 트리 내에서 위젯의 위치에 .. 2023. 10. 19.
1일 1쿼리 서브쿼리를 활용한 SELECT문 # 출력시 price에 상품1개의가격 * 상품 수량으로 계산해서 나오게하기 현재 order_id가 1인 주문에 대한 상품한개의 가격과 수량 쿼리문 출력결과 2023. 10. 18.
페이지 이동 기술 - 1 (상태 관리) 학습 목표 1. IndexedStack 위젯이란? 2. BottomNavigationBar 와 BottomNavigationBarItem 위젯이란? 3. 코드 작성 해보기 1. IndexedStack 위젯이란? IndexedStack은 Flutter에서 제공하는 위젯 중 하나로, 자식 위젯 중 하나만을 한 번에 표시하는 스택입니다. 기본 Stack 위젯과의 주요 차이점은 Stack이 자신의 자식을 겹쳐서 표시하는 반면 IndexedStack은 특정 인덱스에 있는 하나의 자식만 화면에 표시하고 나머지는 숨깁니다. 주요 특징 단일 자식 표시 - 한 번에 하나의 자식 위젯만 표시되며, 나머지는 화면에서 숨겨집니다. 인덱스 기반 선택 - index 속성을 사용하여 현재 화면에 표시되어야 할 자식의 인덱스를 지정.. 2023. 10. 17.