Flutter 5

5. DSC KR Hackathon 참여 (21.02.01~21.02.08)

진행상황 Splash 화면 디자인 App UI 구현 구글 로그인 연동 & Firebase auth 연동 모임 목록 모임 목록 display 모임 추가 + 구성원 초대 모임방 나가기 모임방 일기 일기 목록 display 일기 작성 일기 수정 / 삭제 페이지 간의 변수 이동을 위해 Provider를 사용했으나 생각과 다르게 작동함... 해커톤 결과물 구글 기술을 활용해보고자 flutter를 사용하여 안드로이드 앱을 만들었습니다. 구글 로그인을 위해 Firebase Authentication을 이용하였습니다. 데이터베이스는 Cloud Firestore와 이미지 데이터를 저장하기 위해 Cloud Storage를 함께 사용했습니다. youtu.be/f3kaZV4Me3c 앱 실행 화면

4. DSC KR Hackathon 준비(21.01.25~21.02.01)

팀원 : 김주연, 권나현, 이나경, 심세령 팀장 : 김주연 2021.01.25 회의 해커톤에서 앱의 초반 부분(로그인, 친구 초대, 메인화면, 탭별 UI)까지 구현하기 앱의 후반 부분은 해커톤 이후에 진행하기로 결정 Flutter 공부 2021.01.29(금)까지 끝내기 2021.01.30(토)부터 해커톤 개발 시작 2021.01.29 회의 Figma로 프로토타입을 세부적으로 수정해 ver2를 만듦 해커톤에서는 공동일기까지 구현하기로 결정 역할분담 완료 추후에 게시판, 지도, 캘린더까지 추가하는 것은 web으로 진행될 예정. 진행상황 앱 대표 색 (연보라 계열) 프로토타입 재정비 역할분담 권나현 : Figma 프로토타입 재정비, 공동일기 작성 페이지 심세령 : provider 사용하여 구글 로그인 + 모..

Flutter 소개와 Firebase 연동

1. Flutter란? 하나의 코드베이스로 모바일, 웹, 데스크톱에서 네이티브로 컴파일 되는 구글의 아름다운 UI 툴킷 Flutter 문서 Flutter 문서의 랜딩 페이지 flutter-ko.dev 빠른 개발 : Hot reload를 통해 코드의 변경 사항을 빠르게 확인할 수 있다. 이는 UI 구축, 기능 추가, 버그 수정의 용이성을 높여준다. 표현력 있고 유연한 UI : Flutter에 내장되어 있는 Material Design과 Cupertino Widget 등을 활용하여 사용자 친화적 UI를 만들 수 있다. 네이티브 수준의 성능 : Flutter 위젯은 스크롤, 내비게이션, 아이콘 및 글꼴 등 주요 플랫폼의 차이점을 통합하여 iOS와 Android 모두에서 네이티브 수준의 성능을 보여준다. 2. ..

[Flutter] Firebase Auth & Google Login

Android Google Service Installation Android Installation | FlutterFire Before using FlutterFire on Android, you must first connect to your Firebase project with your Android application. firebase.flutter.dev Firebase console https://console.firebase.google.com/ 프로젝트 생성 package name : android/app/build.gradle → applicationId 구성 파일 다운로드 → google-services.json android/app 폴더에 google-services.json 파..

1. 팀 빌딩 & 디자인 스프린트 (2021.01.04~2021.01.11)

팀명 : 세나주나 팀원 : 김주연, 권나현, 이나경, 심세령 팀장 : 김주연 그라운드 룰 할말 있으면 다 하기 서로 기한 맞추는 것 관련해서 쪼아대기 블로그 쓰는 순서 : 심세령 > 이나경 > 권나현 > 김주연 인증샷 알리미 담당 : 이나경 회의 때마다 tmi 하나씩 말하기 그 외 모든 시간에 반말 사용 회의 시간 : 월요일/금요일 19:00 ~ 주제 사소한 습관 만들기에 도움되는 앱, 근데 SDGs를 살짝 곁들인... 목표 구글 기술 활용해보기 (ex. flutter, firebase 등) 구글 플레이스토어에 앱 배포해보기 Team mission 1~2 Prototype SeNaJooNa 팀이 앞으로 공부할 내용 Flutter [Flutter udemy 강좌] https://www.udemy.com/c..