Flutter 스터디 #1

Ju Hyuk Park
Nov 2 · 4 min read

Flutter 스터디가 필요한 사정이 생겼으니 이왕 하는거 뭔가를 하나 만들어 보자.

(그냥 로그처럼 남기는것이니 친절할수는 없음을 미리 고지드립니다.)

무슨 앱을 만들까 고민 2주..

마침 오늘 미세먼지가 많으니 미세먼지 앱을 생각해 보았다. 오늘은 코딩을 안할것이다. 시간도 한시간 반 밖에 없고..

스텝 1. 일단 시작이 반, 프로젝트를 만든다

만드는 과정은 이름넣는것 밖에 없으니 생략한다

스텝 2. API 쇼핑을 하자. 데이터를 구하러 공공 데이터 포털(https://www.data.go.kr)에 간다.

이런 친구들을 모셔왔다. 물론 충동구매니까 다 쓸수도 더 필요할수 도 있다. 앱 테마만 잡았지 기획따위 없으니까.

스텝 3. Google Cloud & Firebase 프로젝트 생성

스케줄러도 만들고 푸시도 보내고 Firebase 도 활용하고 여러가지 해야 하니까 우선 GCP에 프로젝트를 만든다.

이렇게 만들수 있다. 저런 프로젝트 이름을 써도 중복이라고 숫자가 붙는걸 보니 레드오션인건 맞는거 같다.

프로젝트가 생성되는 동안 앱이 실행이 잘 되는가 보자

생성만 했을 뿐인데 StatefulWidget 의 더하기 놀이 데모가 들어있다.

어마어마하게 늦게 실행되고 몹쓸것 처럼 보이지만 디버그 모드라 그렇다(고 한다)

자 이제 뭘 만들지 생각해 본다.

………

내가 왜 이걸 골랐지……… 는 글을 쓰기 시작했으니 그냥 하기로 한다

내가 가는곳의 위치/주소를 등록하고 근처의 정보를 보여주는 리스트를 만들어 보겠읍니다.

  1. 등록된 위치별로 대기상태를 보여줄 리스트 화면
  2. 주소나 지도로 가까운 측정소 위치를 조회해서 등록할 화면
    (날씨 기준과 미세먼지의 위치기준은 다르겠지... )
  3. …. Few more thing … ?

나머지는 일단 이걸 만들고 나서 생각해보도록 하지….

GCP 프로젝트를 만들었다고 Firebase 프로젝트가 같이 생기는건 아니라 Firebase 콘솔(https://console.firebase.google.com/) 에 가서 프로젝트를 또 생성한다.

(이쯤에서 AirQualityApp 이라는 이름을 쓴것을 후회하고 있는데 작명하다간 프로젝트가 시작하지 못할테니 그냥 간다.)

아무도 안쓸것 같지만 analytics 도 같이 ...

Firebase Project 가 생성되었다.

Platform 을 추가해주자. 생성과정에서 번들네임/패키지명을 입력하라고 하는데 혹시나 내가 입력한것이 아닐수 있으니 확인해본다.

Flutter 프로젝트를 만들면 플랫폼 별로 프로젝트가 생긴다.

ios 디렉토리 안에 xcworkplace 가 있을테니 열어보았다.

이럴줄 알았다

해당 번들 ID를 가지고 Firebase 에 platform 추가를 해준다

안드로이드도 한번 더 ..

Flutter를 Firebase 와 같이 쓰기 위해 flutterfire 라는 물건을 같이 쓰려고 한다.

슬픈 예감을 주는 build failing

pubspec.yaml 의 dependency 에 고른 친구들을 넣어본다

배가 고파서 이쯤에서 그만..

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade