<aside> 💡 1:1 채팅 및 단체 채팅을 할 수 있는 데스탑 애플리케이션

• 진행 기간 : 2023.01 (3주)
• 인원 : 1인 </aside>

둘러보기

👉🏻  Github Repository

사용한 기술 스택

• Nextron.js, TypeScript
• Redux
• Tailwindcss
• Firebase

구현

• Firebase를 이용하여 서버구현
• 로그인 및 회원가입 구현
• 유저 목록 페이지 - 유저 검색 및 유저 추가, 삭제 기능 구현
• 실시간 개인(1:1) 및 단체 채팅 구현

프로젝트 시작하기

✏️  Nextron.js

“Electron은 JavaScript, HTML 및 CSS를 사용하여 데스크탑 애플리케이션을 구축하기 위한 프레임워크입니다. Chromium 과 Node.js 를 바이너리에 내장함으로써 Electron을 사용하면 하나의 JavaScript 코드베이스를 유지하고 Windows, macOS 및 Linux에서 작동하는 크로스 플랫폼 앱을 만들 수 있습니다.” - Electron 공식 문서 -

Nextron.js는 Electron과 React로 SSR을 지원하는 Next.js를 합친 오픈소스입니다. 이번 프로젝트는 단순한 웹을 만드는 것이 아니라 하나의 애플리케이션을 만드는 것이 목적이기 때문에 Nextron.js를 사용하여 React 기반의 채팅 애플리케이션을 만들어 보았습니다.

✏️ Firebase

“Firebase 실시간 데이터베이스는 클라우드 호스팅 데이터베이스입니다. 데이터는 JSON으로 저장되고 연결된 모든 클라이언트에 실시간으로 동기화됩니다. Apple 플랫폼, Android 및 JavaScript SDK를 사용하여 플랫폼 간 앱을 빌드하면 모든 클라이언트가 하나의 실시간 데이터베이스 인스턴스를 공유하고 자동으로 최신 데이터로 업데이트를 받습니다.” - Firebase 공식 문서 -

채팅 기능을 구현하기 위해서는 실시간으로 데이터를 주고 받을 수 있도록 해야합니다. 이를 구현하기 위해서 Firebase의 Realtime Database를 사용하였습니다.

온라인 및 오프라인 표시