친구 및 동료들과 자유롭게 채팅하고,
화상회의를 통해 업무 효율을 높이고 실시간으로 소통해보세요!
🎥 UCC 보러가기
- 기획 및 설계 : 22.04.11 ~ 15
- 프로젝트 구현 : 22.04.18 ~ 05.17
- 버그 수정 및 산출물 정리 : 22.05.18 ~ 20
 👑 손창현 (Back-End) |
 🙂 송민수 (Front-End) |
 😆 이다예 (Back-End) |
 😁 인주비 (Front-End) |
 🙄 정홍진 (Back-End) |
 😶 제진명 (Front-End) |
| REST API |
UI/UX |
REST API |
UI/UX |
REST API |
UI/UX |
| Team TOOLIV |
|---|
 |
상세 기술스택 및 버전
| 구분 | 기술스택 | 상세내용 | 버전 |
|---|---|---|---|
| 공통 | 형상관리 | Gitlab | |
| 이슈관리 | Jira | ||
| 커뮤니케이션 | Mattermost, Notion | ||
| BackEnd | DB | MySQL | 5.7 |
| Redis | 7.0.0 | ||
| Java | zulu | 8 | |
| Spring | Spring Boot | 2.6.6 | |
| Spring Security | |||
| Spring Data JPA | |||
| IDE | Eclipse | JEE 2020-06 | |
| IntelliJ | 2021.3.1 | ||
| Cloud Storage | AWS S3 | ||
| Build | Gradle | 7.4 | |
| Socket | |||
| WebRTC | OpenVidu | 2.21.0 | |
| OpenVidu-server-kms | 2.21.0 | ||
| API Docs | Swagger | 3.0.0 | |
| Client | HTML5 | ||
| CSS3 | |||
| JavaScript(ES6) | |||
| React | 17.0.2 | ||
| TypeScript | 4.6.3 | ||
| emotion | CSS in JS | 11.x | |
| recoil | 전역상태관리 | 0.6.1 | |
| electron | desktop app | 18.1.0 | |
| openvidu | webRTC | 2.21.0 | |
| stompjs | webSocket | 6.1.2 | |
| IDE | Visual Studio Code | 1.67.1 | |
| Build | react-build | ||
| electron-build | |||
| FrontEnd | HTML5 | ||
| CSS3 | |||
| JavaScript | |||
| Next | 12.1.6 | ||
| React | 18.1.0 | ||
| TypeScript | 4.6.4 | ||
| Server | 서버 | AWS EC2 | |
| 플랫폼 | Ubuntu | 20.04.3 LTS | |
| 배포 | Docker | 20.10.12 |
| 시스템 구성 |
|---|
 |
- TOOLIV을 처음 사용하는 사용자들도 서비스를 쉽게 사용할 수 있도록 튜토리얼을 제공합나다.
| 튜토리얼 |
|---|
 |
- 워크스페이스는 팀 구성원이 함께 소통하고 작업할 수 있는 채널로 구성됩니다. 공동의 작업공간인 워크스페이스를 생성하고 소통하고 싶은 회원을 초대할 수 있습니다.
| 워크스페이스 생성 및 초대 |
|---|
 |
- 채널은 채팅 및 파일 송·수신, 화상회의 등 팀원들이 모여 업무를 공유할 수 있는 공간입니다.
- 공개/비공개 여부을 선택할 수 있습니다. 워크스페이스 소속멤버라면 해당 워크스페이스의 모든 공개채널에 참여할 수 있습니다.
- 채팅채널 또는 화상채널을 생성할 수 있습니다.
| 채널 초대 |
|---|
 |
| 공개 채널 참여 |
|---|
 |
- Markdown, 파일 송·수신을 포함하여 개인 또는 팀 전체에 쉽게 연락할 수 있는 수단입니다.
- 채팅 알림 기능을 제공합니다.
- 채널 내 검색 기능을 제공하여 필요한 정보를 쉽게 찾을 수 있습니다.
| 채팅 및 파일 전송 |
|---|
 |
| 채팅 알림 |
|---|
 |
| 채널 내 채팅 검색 |
|---|
 |
| 개인 메세지 - 유저 검색 |
|---|
 |
| 개인 메세지 - 프로필 클릭 |
|---|
 |
- 화면공유 기능을 제공합니다.
- 화상회의 중에도 실시간 채팅이 가능합니다. 기존 채팅내역도 확인할 수 있습니다.
| 화상 회의 및 채팅 |
|---|
 |
- 외부 서비스로부터 메세지를 받을 수 있습니다.
- 웹훅을 생성하고, 생성된 웹훅 ID를 통해 외부로부터 받는 메세지를 채팅창으로 확인합니다.
| 화상 회의 및 채팅 |
|---|
 |
- 메세지 전송 예약 기능을 제공합니다.
- 일정 시간이 되면 메세지 및 파일을 매일 자동으로 전송할 수 있습니다.
- 사용자들은 단순 반복 업무를 자동화하고, 본 업무에 집중할 수 있습니다.
| 화상 회의 및 채팅 |
|---|
 |
- 파일 모아보기 기능을 제공합니다.
- 채널 내에서 주고 받은 파일을 한 눈에 확인할 수 있습니다.
| 화상 회의 및 채팅 |
|---|
 |
| 구분 | 링크 |
|---|---|
| 공통코드 | 공통코드 바로가기 |
| 와이어프레임 | 와이어프레임 바로가기 |
| 컨벤션목록 | 컨벤션목록 바로가기 |
| ERD | ERD 바로가기 |
| 포팅매뉴얼 | 포팅매뉴얼 바로가기 |
| 외부서비스 이용 | 외부서비스 이용 바로가기 |
| 시연 시나리오 | 시연 시나리오 바로가기 |
TOOLIV Enterprise Edition - Deployment - Follow the guide we provide.