상세 컨텐츠

본문 제목

Hello, stranger - Globally Translated Live Chatting App

Programming/Hello, stranger

by 쌩우 2019. 7. 8. 20:01

본문

Hello, stranger

Google Translate API를 통하여,
실시간으로 번역이 가능한 글로벌 채팅 앱 서비스를 기획하여 프로젝트를 진행하였다.

서비스를 이루는 구조와 스킬의 대략적인 도식은 아래와 같다.

서비스 전체 구조

목적

글로벌 채팅 앱은 많지만,
타국간 채팅에서 언어의 장벽은 외부 번역기를 거치는 불편한 과정이 있어야만 원활한 소통이 가능하였다.

이런 불편함을 해소하고,
스스로가 관심있어 하는 국가 거주민 혹은 언어 사용자와의 대화를 편리하게 하는 것에 목적이 있다.

구현할 기능

- 국가 및 언어별 채팅방 운영
- 원하는 언어로의 번역 
- 채팅 기록 확인
- 프로필 

사용할 기술

1. 서버

  • nodejs
  • express
  • socket.io
  • AWS EC2

AWS EC2 상에서 배포가 되도록 하는 것이 최종과제임을 인지하고,

nodejs와 express를 사용하여 서버의 골조를 다진 뒤

socket io를 통하여 클라이언트와의 실시간 통신이 가능하도록 할 예정이다.

추가적인 사항으로는 multer를 이용한 이미지 파일 업로드 기능을 구현하는 것이 있다.

2. 데이터베이스

  • mySQL
  • AWS RDS

mySQL을 통하여 user와 nation, language 등의 정보가 복합된 join table을 사용할 것으로 예상된다.

3. 클라이언트

  • React
  • React router
  • socket.io
  • AWS S3

React를 사용하여 각 컴포넌트 별로 구성된 클라이언트를 구축할 예정이다.

Redux는 추후 선택사항으로 남겨놓고, 일단은 React router를 통하여 병렬 구조식으로 페이지 전환 및 렌더를 진행할 것이다.
socket.io 적용을 통하여 서버와 실시간 통신이 가능하게끔 하는 것이 목표이다.

역할

  • 프로젝트 오너
  • 프론트엔드 개발자
  • 클라이언트 구조 설계
  • 클라이언트 측 socket.io 확장

 

Github repo

server

https://github.com/codestates/helloStranger-server

불러오는 중입니다...

client

https://github.com/codestates/helloStranger-client

불러오는 중입니다...

 

관련글 더보기

댓글 영역