CustomEmojiChatting

Media Interface Lab 2020-2 프로젝트 중 일부인 커스텀 이모티콘 채팅 프로토타입 코드 입니다.
본 프로젝트는 실제 배포용이 아닌 아이디어 프로토타입용 프로그램입니다.

1. 프로젝트 개요

• 사용자가 직접 텍스트를 변경 할 수 있는 이모티콘 제공한다.

  이모티콘에 나타나는 텍스트를 사용자가 변경할 수 있다.
  이모티콘 내 텍스트의 위치와 폰트, 색상은 제작자가 에디터에서 정해놓은 템플릿을 따른다.

• 이모티콘 제작자에게 이모티콘의 기본 템플릿을 설정 할 수 있는 에디터를 제공한다. 위치 지정 및 폰트, 색상 설정이 가능하다.

2. 채팅 구현 방법

• Node.js 와 Express를 이용해 서버 생성
• Socket.io 를 이용해 실시간 통신
• multer-s3를 이용해 이모티콘 전송 시 AWS S3 버킷에 커스텀 이모티콘 이미지 저장 후 수신자에게 전송

3. 실행 사진

• 기본적인 텍스트 채팅과 이모티콘 전송이 가능합니다.

• 이모티콘에 10자와 30자까지 제작자가 지정한 위치에 삽입이 가능합니다.

• 10자 전송 화면

• 30자 전송 화면

4. Dependencies

"dependencies": {
"aws-sdk": "^2.834.0",
"express": "^4.17.1",
"multer": "^1.4.2",
"multer-s3": "^2.9.0",
"ngrok": "^3.4.0",
"socket.io": "^3.0.5"
}

5. 개발자

숙명여자대학교 미디어 인터페이스 연구실 학부생 인턴 - 채정아, 김시원, 전희선