I/O Extended 2015 서울, 이용상님

1. Firebase를 이용한
호우호우 미니게임 만들기
이용상(willy)

2. About me
• 이용상 (Willy)
• B.U.S Creative’s CTO & Co-Founder
• restart916@gmail.com

3. Firebase?

4. Firebase!
• 채팅 서비스로 시작
• 구글에 인수
• http://www.venturesquare.net/557257

5. Firebase!!!!!
• Realtime Database
• User Authentication
• Static Hosting

6. Store & sync data with our NoSQL cloud database.
Data is stored as JSON, synced to all connected clients
in realtime, and available when your app goes offline.
Realtime Database

7. Realtime Database
https://www.youtube.com/watch?v=wf9hZcqQI7A

8. Realtime Database
• 특징 : 모든 데이터를 key/value의 json방식으로 저장
• Array도 key/value 방식으로 저장
• why? -> https://www.firebase.com/blog/2014-04-28-best-practices-arrays-in-
firebase.html
• 제약 Data Limits
A child node's key cannot be longer than 768 bytes, nor deeper than 32 levels. It can includ
e any unicode characters except for . $ # [ ] / and ASCII control characters 0-31 and 127.

9. Firebase Android
1. 회원가입
2. gradle추가(https://www.firebase.com/docs/android/
quickstart.html)
3. AndroidManifest.xml 수정 (인터넷 퍼미션)
4. 액티비티 onCreate에서 코드 한줄 추가!

10. Realtime Database

11. Realtime Database
void onChildAdded(DataSnapshot var1, String var2);
void onChildChanged(DataSnapshot var1, String var2);
void onChildRemoved(DataSnapshot var1);
void onChildMoved(DataSnapshot var1, String var2);
void onCancelled(FirebaseError var1);

12. Realtime Database
Query
orderByKey, orderbyChild, …
limitToLast, limitToFirst
index -> rules에서 등록가능

13. Libraries 및..
• GeoFire - 위치기반 지원 - 지역범위 query 가능
• 파일저장 - encording후 저장(10mb이하)
• 큰파일 - aws S3 쓰세요
• https://github.com/firebase/firepano/blob/gh-pages/firepano.js
• http://stackoverflow.com/questions/13955813/how-can-i-view-and-
store-images-in-firebase

14. 호우호우 미니게임!
개인 스터디 용으로 시작
혼자 만든다 -> 알아서 기획한다
-> 스터디용이니 기존에 있는 게임 참고하자
혼자 만든다 -> 리소스는 기존 앱 리소스를 사용한다

15. 호우호우 미니게임!

16. 호우호우 미니게임!
Android / iOS 곧 찾아옵니다!! Coming Soon~~!!!!!

17. 참고자료
• https://www.youtube.com/watch?v=wf9hZcqQI7A
Google I/O 2015 - Developing Extraordinary Apps with
Firebase
• https://medium.com/@grunty/개발하며-배우는-
polymer-2-2-4aa9a870a074
• https://www.firebase.com/blog/2014-04-28-best-
practices-arrays-in-firebase.html
• https://groups.google.com/forum/#!forum/firebase-talk

18. We’re hiring!!
개발자, 디자이너

19. Thank you!