본문 바로가기

Firebase19

Firebase Web 채팅앱 만들기 - Firebase 설정하기 이제 예제 프로젝트를 수행하기 전 먼저 Firebase를 설정 및 준비를 해보겠습니다. 1. Firebase 프로젝트 추가하기 Firebase를 사용하기 위해서 가장 먼저 할 일은 Firebase Console로 진입하여 Firebase 프로젝트를 생성하는 일입니다. 그러기 위해 다음 URL을 방문하십시오. Firebase 홈페이지 https://firebase.google.com/ Firebase 홈페이지에서 우측 상단 GO TO CONSOLE 을 클릭하여 들어가면 아래와 같은 화면이 나옵니다. 화면을 보시면 이미 생성되어 있는 프로젝트 목록을 볼 수 있고, 프로젝트 추가 버튼이 있습니다. 프로젝트 추가 버튼을 누릅니다. 프로젝트 추가 버튼을 누르면 위와 같은 화면이 나옵니다. 프로젝트에 원하시는 이름.. 2017. 12. 1.
Firebase Web 채팅앱 만들기 - 예제 소개 Firebase 웹용 라이브러리들을 활용하여 아래와 같은 채팅앱을 만들어 보겠습니다. 채팅앱의 모든 기능이 포함되어 있지는 않습니다. 예제를 열심히 만들었지만.. 버그도 있을 수 있습니다. Firebase 의 기능을 한 번씩 활용해본다고 생각해주셨으면 좋겠습니다. Firebase의 여러 기능을 사용하면 카카오톡과 같은 메신저에 포함되어 있는 대부분의 기능이 구현 가능하겠지만, 지금부터 구현할 기능은 다음과 같습니다. 유저 가입 및 로그인 유저데이터 저장 유저 리스팅 화면 채팅메세지 리스팅 화면 채팅 메세지 전송 채팅방 리스팅 화면 채팅방 초대기능 파일 전송 접속 중인 유저 표시기능 파일 전송기능 푸시 기능 위 기능을 구현을 하면 아래와 같은 Realtime Database는 아래와 같은 데이터 구조를 가.. 2017. 12. 1.
Firebase Web 채팅앱 만들기 - 목차 올 연초에 Electron + Firebase 활용하여 Togethers Messesnger라는 이름으로 사내 메신저 프로그램을 만들고 만든 소스를 기반으로 Android에까지 올리는 사이드프로젝트를 진행하였습니다. 그리고 그 경험을 바탕으로 GDG Incheon 행사에서 실력없는 개발자가 라이트닝 토크 시간에 짧게 경험을 공유해보는 시간도 갖어볼 수 있었습니다. 그 발표 때에도 몇 몇 분들께서 제가 만든 사이드프로젝트에 관심을 가져주셨고, 소스를 보고 싶다는 분들도 게셨었지만, 소스를 보여드리기가 부끄러운점도 있었고, 제 스스로도 확실하게 정리가 되지 않아 공개할 수 없었습니다. 그 이후 시간이 흘러서, Firebase에 관련하여 정리를 한 번 해야지 생각만 하고 있던 찰나에, 올 9월 경에 페이스북을.. 2017. 11. 26.
728x90