Firebase Web 채팅앱 만들기 - 목차

올 연초에 Electron + Firebase 활용하여 Togethers Messesnger라는 이름으로 사내 메신저 프로그램을 만들고 만든 소스를 기반으로 Android에까지 올리는 사이드프로젝트를 진행하였습니다.  그리고 그 경험을 바탕으로 GDG Incheon 행사에서 실력없는 개발자가 라이트닝 토크 시간에 짧게 경험을 공유해보는 시간도 갖어볼 수 있었습니다.

 그 발표 때에도 몇 몇 분들께서 제가 만든 사이드프로젝트에 관심을 가져주셨고, 소스를 보고 싶다는 분들도 게셨었지만, 소스를 보여드리기가 부끄러운점도 있었고, 제 스스로도 확실하게 정리가 되지 않아 공개할 수 없었습니다. 

그 이후 시간이 흘러서, Firebase에 관련하여 정리를 한 번 해야지 생각만 하고 있던 찰나에, 올 9월 경에 페이스북을 통해 만나게 된 분을 통해서 Firebase  Ebook을 써보는 기회를 가지게되었습니다. 그리하여 올 초 경험을 바탕으로 Ebook으로 들어갈 예제 코드를 작성하였습니다. 아직도 예제 코드를 보면서 공개하게되면 부끄러울 것 같기도 해서 한편으로는 두렵기도 합니다.

하지만 용기를 내어, Ebook으로 내기 전에 나름 코드에 대한 피드백도 받아보고(아마 버그도 많을 것으로...),  설명이 부족한 부분이 없는지 블로그를 통하여 먼저 검증해보고자 합니다. 

아래의 목차로 글이 작성될 것입니다. 글이 공개되면 링크로 연결하겠습니다.

1. 예제 소개
2. Firebase 설정하기
3. Hosting을 활용한 프로젝트 준비 작업
4. Authentication을 이용한 유저 가입 및 로그인 구현하기
5. Realtime Database를 이용한 채팅기능 구현 - Reatime Database 특징 및 데이터 구조
6. Realtime Database를 이용한 채팅기능 구현 - 유저데이터 저장하기
7. Realtime Database를 이용한 채팅기능 구현 - 유저리스팅 화면
8. Realtime Database를 이용한 채팅기능 구현 - 채팅화면 및 채팅메세지 리스팅
9. Realtime Database를 이용한 채팅기능 구현 - 채팅메세지 전송기능
10. Realtime Database를 이용한 채팅기능 구현 - 채팅방 리스팅화면
11. Realtime Database를 이용한 채팅기능 구현 - 채팅방 초대 기능
12. Realtime Database를 이용한 채팅기능 구현 - 접속 중인 유저 표시하기
13. Storage를 이용한 파일 전송기능
14. Cloud Messaging과 Functions을 이용한 푸시메세지 기능 - FCM Token 정보 저장
15. Cloud Messaging과 Functions을 이용한 푸시메세지 기능 - Functions를 통한 FCM 발송
16. Cloud Messaging과 Functions을 이용한 푸시메세지 기능 - Service worker를 이용한 FCM수신
17. Realtime Database 권한 설정