mun9769 / inhameal_flutter_project

👋 HI

단순한 코드, 단순한 아키텍처를 지향하는 미니멀리스트 개발자입니다

💪 Skills

🍕 Enjoy side projects.

• 인하밥먹자 - 대학교 학식을 알려주는 앱

🎓 Education

• 인하대학교 정보통신공학과

  • 2019-03 ~

• 삼성 24 동계 대학생 S/W 알고리즘 특강

  • 2024-01 ~ 2024-03
  • SW 역량테스트 PRO 합격

🫒 BaekJoon

inhameal_flutter_project's Issues

해결해야하는 일

해결해야하는 일

• 위젯 프리뷰
• 영어기능
• 네트워크가 없을 시 에러처리
• 인하공전 식단 제공

해결한 일

• 땡겨서 리로딩하기
• 식당의 순서 변경
• 다크모드 지원
• 문의하기 버튼
• 어제는 못넘어가게끔
• board에 스낵이 그냥 보임. 고치기
• 오랜만에 접속하면 그날의 날짜를 보여주기 *중요
• 인터넷 없이 접속했을 때, 에러처리
• 실패화면 다시 만들기
• 식당바 높이
• 식당위젯 기기별 크기 지원
• https 통신이 실패할 경우
  reloading 함수를 구현해야함
• 아침은 있고 점심은 없는 날인 경우
  meal에 enum 변수를 넣어서 상태관리를 한다
  점심이 없다면 점심meal의 menus는 null이다
• 식당이 여러개인 것
  json을 확장해서 해결하였다.
• 코어데이터 저장
• 모델에 ?와 !를 붙이는게 적절한지 공부하기
• 중식 석식 조식 간단식, meal의 순서를 시간순으로 배치해야한다
• 고정한 식당 가장 먼저 보여주기
• 스와이프의 속도 높이기( 횡스크롤과 종스크롤의 구분을 확실히 하기 위함)
  Flutter PageView how to make faster animations on swipe
• 카츠카츠A는 메뉴가 거의 같기때문에 메뉴를 접는 기능이 있으면 좋겠다
• 크롤링한 데이터 hdd에 저장하기
• dayMeal > dormMeal > 주말값은 빈배열이라 에러남
• 발품팔아서 기획 개선함
• cafeteria가 null면 에러가 발생하는 이슈 해결하기
  dynamodb에 빈 맵을 추가해서 해결해줌
• 프로젝트 실행 시 나오는 경고문 해결하기
• dart 경고문 해결하기

플러터 디버그 에러

• 문제점
  프로젝트를 디버그모드로 실행 시 fetchJson에서 에러가 발생하는 것을 확인했습니다. 안드로이드와 아이폰 둘다 에러가 발생합니다

SocketException: Failed host lookup

• 임시해결책
  프로젝트를 실행시켜 로컬에 데이터를 저장해서 fetchJson()함수의 호출을 막으면 디버그 모드를 사용할 수 있습니다
  에러점을 만나도 run 버튼을 누르면 무시하고 진행함

프론트에서 http 요청보내기

• data 컨트롤러 클래스 구현
  • http요청을 보내서 data를 불러온다
  • data를 로컬에 저장한다
  • 만약 로컬에 저장되어 있다면 http요청을 보내지 않는다

피그마 뷰 만들기

예상 그림

결과물

기본UI 구현하기

• PageView로 슬라이드 화면 구현
  • indicator도 구현
• 식당 하나를 나타내는 화면 구현
  • SingleChildScrollView
  • Model 클래스 추가
• datePicker 구현

test

디자인 수정

주주가 보내준 디자인으로 작업을 할 것이다.

• 그림자를 빼는게 좋나요?

• divider의 길이가 맞는지 궁금해요

• 아침 이모티콘 그대로 써요?

• 다음날이 없을 경우 어떻게 해야할까?

실제 데이터 parsing하기

fetch 실패할 경우 구현

• load 실패 시 reload 함수 구현
• refresh 함수 구현

hotfix - json 수정

플러터 환경설정

• flutter sdk 다운로드
• flutter doctor 성공
  • xcode 및 안드로이드 스튜디오 설치
• gitignore 설정
• flutter 프로젝트 생성하기
• 원격저장소와 연결하기

테스트코드 수정

• fetchDayMeal 함수의 기본 파라미터로 성공url을 디폴트값으로 변경
• 테스트 함수로 실패함수와 성공함수를 구현한다.

위젯 구현하기

테스트할일

• 밤 12시에 값이 갱신되는지 확인하기

해야할 일

• 오늘날짜, 지정한 식당의 중식과 석식을 보여주기
• xml에서 layout 구성하는 방법 배우기
• 백그라운드에서 어떻게 정보를 갱신해주지?
• 저녁12시마다 값을 갱신하기
• 위젯에서 api를 호출할 수 있나?

크로스플랫폼

• 안드로이드 위젯 구현하기
• 아이폰 위젯 구현하기

시도

식당마다 메뉴의 개수가 다르다 학생식당점심은 5가지, 기숙사식당점심은 4가지, 이런 식으로 다르다
kotlin를 통해 widgetView에 메뉴를 동적으로 추가하려는 시도를 했다.

추가되어야할 위치는 linearLayout의 하위이다. linearLayout View를 찾은 다음에 addView를 할 계획이였다.
view를 찾는 함수는 findViewById(id)임을 찾았다. 하지만 ide가 함수를 참조하지 못하는 사태가 발생했다.
$프로젝트폴더/Android/Gradle Scripts/build.gradle(Modul.app)에
아래의 코드를 작성하라는 스택오버플로우 글을 보았다.
apply plugin: 'kotlin-android-extensions'

하지만 여전히 api함수를 불러올 수 없었다.
내가 생각하기에 widget를 detect가 어려울 수 있다는 생각이 들었다.

임시해결법

식당에서 메뉴가 가장 많은 가짓수는 6가지이다. 6개의 정적 view를 생성하고, 메뉴를 할당하도록 하겠다.

http요청 테스트코드 작성

• http 요청 테스트코드 작성하기
• http 응답의 json을 파싱하기

고정식당 정하기

• fav_icon 만들기 with 애니메이션
• (수정) flutter의 ReorderableListView 사용

• 고정한 식당 로컬에 저장하고 불러오기

다트 경고문 없애기

• 앱 아이콘 만들기
• 앱 이름 정하기
• 위젯 파일을 프로젝트에서 제외시키기
• 다트 경고문 정리하기