본문 바로가기

전체 글43

6.network 6회차 세부 과정 목차 더보기 1.Http 2.api로 받은 데이터 객체화 3.뷰, 데이터, 로직분리 MVC패턴 4.shared preferences 5.Logger 6.Drawer 7.homework 이번시간에 공부할 내용은 네트워크통신이라는 아주 중요한 개념입니다. 우리가 앱을 구성하면서 , 사용하는 데이터나 이미지 등등은 앱내부 assets에서 꺼내 보여주는것도 있지만, 대부분 백엔드에 데이터를 요청하고 받아서 그 데이터를 가공하여 화면에 보여줍니다. 예를들어 쿠팡같은 쇼핑몰 앱보면 수많은 상품들이 있는데 그 내용을 앱에서 보관하고있을수도 없고, 보관하고있는다 해도 데이터에 계속 변화가 일어나기때문에 백엔드 서버와 통신을 해야합니다. 상품 "청소" 가 들어간 상품 100개 데이터 요청 -> 백엔드.. 2023. 8. 22.
5.state management n회차 세부 과정 목차 더보기 1.상태관리 2.GetX 상태관리 1.상태관리 목차로돌아가기 상태관리는 컴포넌트 형태로 프론트를 구성하는 형식에서 아주아주 중요한 개념이자 방식입니다. 우리가 페이지를 이동할때나 다른 컴포넌트를 호출할때 매개변수를 넣어주곤 했는데요 예를들어 이런거죠. 이건 그리드뷰에서 ProductGridViewWidget 을 호출하면서 매개변수로 넣어주고 ProductGridViewWidget 에서는 받은 item 을 ProductDetailPage 에 다시 매개변수로 넣어주는 방식으로 되어있습니다. 그림으로 치자면 뭐 이렇다고 볼수있죠. 1번 컴포넌트에서 3번 컴포넌트로 데이터를 넘겨줄때 요렇게 2번한번 걸쳐서 전달되는겁니다. 이렇게 1,2 번에 걸쳐 이동하면 효율적이기도 하고 빠르기도.. 2023. 8. 11.
4.Json 4회차 세부 과정 목차 더보기 1.Json 2.Json 1개 데이터 받기 3.Json 모델로 받기 4.as 별칭 5.NullSafety 6.비동기 지난번 강의 숙제풀이 목차로돌아가기 더보기 저번 시간의 숙제 내용입니다. 프로젝트의 구조입니다. main.dart (1개) component : ProductGridViewWidget.dart , ProductListViewWidget.dart (2개) pages : MainPage.dart , ProductDetailPage.dart (2개) vo : Product.dart (1개) 이렇게 6개의 파일로 이루어진 구조입니다. 라이브러리는 GetX 하나만 사용했습니다. MainPage.dart 파일의 내용입니다. mode 는 그리드뷰를 보여줄건지 리스트뷰를 .. 2023. 8. 9.
3.component 3회차 세부 과정 목차 더보기 1.컴포넌트 2.Vo 클래스 만들기 3.SingleChildScrollView 4.ListView 5.GridView 6.Stack 7.StateFulWidget 8.조건문 9.반복문 10.변수타입 Homework 지난번 강의 숙제풀이 목차로돌아가기 더보기 저번 시간의 숙제 내용입니다. 프로젝트의 구조입니다. main.dart 파일이 있고, pages 폴더안에 MainPage.dart , ProductDetailPage.dat 파일이 있습니다. main.dart 에서 GetMaterialApp 이라고 해줬습니다. MainPage.dart 파일의 내용입니다. import 'package:flutter/material.dart'; import 'package:get/get... 2023. 8. 3.