패스트 캠퍼스 챌린지 29일차

◆ 수강 강의명: 

• CH02_25. 앱 기능 및 디자인 설계 및 초기 구조 만들기(눈바디앱)

---

◆ 강의 내용 :

★웹 디자인

-식단, 눈바디를 기록할 수 있음.

-식단 사진, 시간, 종류 등 정보를 입력할 수 있음.

-운동 정보를 기록할 수 있음.

-기록페이지에서 이전 기록을 확인할 수 있음. 

 

★데이터 설계

식단	운동	눈바디
날짜	날짜	날짜
식단 타입(아침, 점심, 간식..)	이름	사진
메모	메모	몸무게
사진(업로드)	시간

 

★화면 설계

1. 메인 화면

-운동, 식단, 눈바디 확인 가능

2. 운동/식단/눈바디 추가 페이지

-각 정보를 추가할 수 있음

3. 기록 페이지

-이전 날짜 기록을 확인할 수 있음.

4. 통계 페이지

-이전 기록을 통계로 확인할 수 있음. 

 

★flutter project 새롭게 만들기( eyebody)

lib 오른쪽 마우스 클릭> New 선택> Directory 선택 > 파일명 'data'생성

data 오른쪽 마우스 클릭> New 선택> Dart 선택> 파일명'data' 생성 

data 코드는

class Food {
  int id;
  int date;
  int type;
  int kcal;
  String image; //실제 이미지를 저장하는게 아니라 이미지 주소로 저장해서 불러올 수 있게
  String memo;

  Food({this.id, this.date, this.type,
  this.kcal, this.image, this.memo});

  factory Food.fromDB(Map<String, dynamic> data){
    return Food(
      id: data["id"],
      date: data["date"],
      type: data["type"],
      kcal: data["kcal"],
      image: data["image"],
      memo: data["memo"],
    );
  }

  Map<String, dynamic> toMap(){
    return {
      "id": this.id,
      "date": this.date,
      "type":this.type,
      "kcal":this.kcal,
      "image":this.image,
      "memo":this.memo
    };
  }
}
//위에는 음식정보를 정보를 저장할 수 있는 데이터를 만들었습니다.dynamic

class Workout {
  int id;
  int date;
  int time;
  String image;
  String name;
  String memo;

  Workout({this.id, this.date, this.time, this.image, this.name, this.memo});

  factory Workout.fromDB(Map<String, dynamic> data){
    return Workout(
      id: data["id"],
      date: data["date"],
      time: data["time"],
      name: data["name"],
      image: data["image"],
      memo: data["memo"],
    );
  }

  Map<String, dynamic> toMap() {
    return {
      "id": this.id,
      "date": this.date,
      "time": this.time,
      "name": this.name,
      "image": this.image,
      "memo": this.memo
    };
  }


}
//위에는 운동정보를 저장할 수 있는 코드를 만들었습니다 .

class EyeBody {
  int id;
  int date;
  int weight;
  String image;

  EyeBody({this.id, this.date, this.weight, this.image});

  factory EyeBody.fromDB(Map<String, dynamic>data){
    return EyeBody(
        id: data["id"],
        date: data["date"],
        weight: data["weigh"],
        image: data["image"]
    );
  }

  Map<String, dynamic> toMap() {
    return {
      "id": this.id,
      "date": this.date,
      "weight": this.weight,
      "image": this.image
    };
  }
}
//위쪽에는 눈바디정보를 저장할 수 있는 코드를 만들었습니다.

 

 

★식단, 운동, 눈바디를 기록할 수 있는 코드를 만들어주고 

데이터베이스를 입력할 수 있게 

pubspec.yaml 파일에 들어가서 >sqfite: ^1.3.2+4 > pub get 누르고

data파일에 >dart file인 'database' 파일 추가 

 

 

 

 

---

◆ 강의 요약 :

웹 디자인, 데이터 설계부터 프로그램 데이터베이스 추가할 수 있는 코드 작성까지 

 

---

 

---

<후기> 
눈바디 앱을 어떤 내용을 가지고 만들것인지 디자인 설계부터 안에 들어갈 데이터 설계부터 프로그램 설계까지 총체적으로 배울 수 있는 시간이었습니다. 

 

---

 

 

#패스트캠퍼스 #패캠챌린지 # 직장인인강 #직장인자기계발 #패스트캠퍼스후기

#누적 다운로드 120만+ 1인 개발자와 함께하는 앱 개발 입문 Online.

https://bit.ly/37BpXiC

패스트캠퍼스 [직장인 실무교육]

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.