본문 바로가기

CodeLab41

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.
13. 리눅스(CentOS) 개발 놀이터 만들기 - Jenkins 와 gitlab 연동 및 Tomcat배포 자동화 안녕하세요~ 오늘은 Jenkins와 gitlab 연동을 해보겠습니다. Jenkins의 주요 사용 목적이 소스서버에 푸시를 하고 그 소스를 가지고 빌드 및 테스트 배포까지 진행하기 위함입니다. 그래서 저도 간단한 Spring으로 구성한 테스트 프로젝트를 gitlab에 푸시를 해두었습니다. 최종 목표는 위의 소스를 저의 리눅스 서버에 설치한 Tomcat에 배포를 시켜 아래의 화면을 띄우는 것입니다. Jenkins plugin 설치 우선 Jenkins으로 접속하여 왼쪽에 있는 ‘Jenkins 관리’ 항목으로 들어갑니다. 제일 상단에 보이는 플러그인 항목으로 들어갑니다. 플러그인 항목에 들어가시면 아래처럼 플러그인들을 관리할 수 있도록 탭으로 나누어져 있습니다. ‘설치된 플러그인 목록’ 에서 ‘Git plugi.. 2017. 6. 17.
728x90

티스토리툴바