Flutter 개발/Focusit 앱 프로젝트

Flutter 개발/Focusit 앱 프로젝트

[Flutter] 3. 표를 만들어보자

저번 시간까지 만든 부분들을 살펴보면 1페이지 통계 부분은 그냥 대충 아무거나 import해와서 만들어 놓은 것을 볼 수 있다. time chart라는 패키지를 이용하여 만들었는데, 오로지 수면시간에만 집중 되어 있는 것 같아, 다른 패키지를 통해 직접 UI 구성을 하기로 마음 먹었다. https://pub.dev/packages/syncfusion_flutter_charts syncfusion_flutter_charts | Flutter Package A Flutter Charts library which includes data visualization widgets such as cartesian and circular charts, to create real-time, interactive, hi..

Flutter 개발/Focusit 앱 프로젝트

[Flutter] 2. 회원가입, 로그인 만들어보기

백엔드의 'ㅂ'도 모르는 나는 플러터엔 firebase지! 하며 바로 firebase셋팅을 시작했다.. firebase_core: ^1.10.6 firebase_auth: ^3.3.4 cloud_firestore: ^3.1.5 먼저 pubspec.yaml 파일에 의존성 파일들 넣어주고 flutter fire cli를 사용하여 파이어베이스 연동을 시도했다. https://firebase.flutter.dev/docs/cli/ CLI | FlutterFire The FlutterFire CLI is a useful tool which provides commands to help ease the installation process firebase.flutter.dev 먼저 무슨 앱 아이디 같은걸 써줘야하는..

Flutter 개발/Focusit 앱 프로젝트

[Flutter] 1. 타이머부터 말썽이에용!

제일 먼저 틀부터 잡아주었다. 공부 할때 잘못된 습관이었던 main.dart에다가 모든 파일 다 박아 넣지 않기.. (중요)그래서 일단 indexPage라는 폴더 하나를 만들어서 총 3개의 page view controller를 사용하여 개발 해보기로 했다. 테마 색상을 저렇게 잡은 이유는 포모도로와 휴식 타이머의 색상 반전을 위해 딱 2컬러만 앱에다가 쓰자 이런 마인드 였다. 그래서 찾은 사이트가 요기다 조금 붉으스름한 흰색이 맘에 안들긴 한다만 이 남색이 내 취저이다보니.. 이걸로 그냥 선탞ㄲㄲ 자 이제 본 작업에 들어가보자~ 해서 pub.dev들어가서 다양한 자료들도 찾아보고 했는데, 제일 중요한 시계를 어떻게 구현해야 할지 모르겠더라.. 모를땐 패키지를 쓰라던 자칭 플러터 고수 xx씨의 말을 듣고..

Flutter 개발/Focusit 앱 프로젝트

[Flutter] 0. 무슨 앱을 만들어 볼까?

Prologue 플러터 공부를 차근차근 해나가고 있던 과정중, 이렇게 클론 코딩하고 남 강의 하는거 계속 들어 봤자 뭐하겠나? 싶어 대충 디자인 하는 법, 어떻게 코딩하는지 레이아웃 정도는 습득 했으니 바로 코딩을 해보자고 생각을 했다. 하지만 막상 코딩 해보자고 하니, 뭘 해야 할지 전혀 감이 안왔다.. 뭔가 실생활에 진짜 쓰이는 앱 개발을 하고싶었다. 한 3일정도 고민 했나? 그냥 무난하게 ToDo 앱을 만들어서 플레이스토어에 올려보면 되지 않을까? 생각 했다. 근데 또 막상 시작하려고 하니깐 너무 무난한 앱이지 않나 싶어서 프로젝트를 접고 다시 고민했다... 어느날 디자인과 친구와 통화를 했다 나: 내가 앱을 만들려고 하는데 뭐 추천 할만 한 거 없냐? 친구: 니가 무슨 앱을 x만든다고 x랄이야....

Jongung
'Flutter 개발/Focusit 앱 프로젝트' 카테고리의 글 목록