프로젝트 소개
저희 팀의 프로젝트 주제는 "어디서든 함께, 코딩 스터디룸" 입니다.
Why.
13주간의 정글에서의 경험은 어떤 프로젝트 간에 주변에 있는 동료들이 정말 소중함을 느끼게 해주었습니다.
잘 풀리지 않던 문제들도 노트북을 들고 동료들과 화이트보드 앞으로 가서 함께 고민하다보면 해결되곤 했습니다.
이러한 정글 오프라인의 스터디 경험을 온라인에서도 경험할 수는 없을까? 하고 생각하게 되었습니다.
온라인으로 스터디 경험을 옮기는데 있어 가장 핵심적인 화이트보드와 코드 편집기를 합쳐보면 어떨까라는 생각에 이르게 되었습니다.
What.
그래서 저희는 그룹 음성통화 기능, 코드 텍스트 에디터, 화이트 보드를 합친 '온라인 코딩 스터디 툴'을 만들고자 합니다.
간략하게 그려본 스터디 페이지 입니다.
저희가 구현하고자 하는 핵심기능들은 다음과 같습니다.
- 여러 사용자들과 함께하는 '그룹 음성통화'
- 코드와 그리기의 동시 편집기능.
=> 마치 '구글 Docs' 처럼 스터디 참여자들이 자유롭게 코드를 수정하고, 필요에 따라 다양한 사용자가 화이트보드 및 코드에디터에 그릴수 있습니다. - 코드의 실행결과 출력 기능.
=> 여러 프로그래밍 언어중 현재는 Python3를 지원하는 것을 MVP모델로 계획중에 있습니다. - 코드 편집기 위에 그릴 수 있는 기능.
=> '스터디 룸'이라는 주제에 가장 맞닿아 있는 기능이라고 생각됩니다. 실시간으로 사용자들이 어떤 함수, 혹은 로직에 대한 설명이 필요한지 알 수 있게됩니다.
Who.
저희 프로젝트의 주요 타겟 사용자층은 코딩테스트를 준비하는 개발자 취업 준비생, 그리고 팀으로 코딩 프로젝트를 진행하는 대학생 입니다.
How.
프론트엔드로는 'React' , 백엔드로는 'Node Js Express.'를 사용할 예정이며,
white board 구현에는 Canvas API.
Code Editor 구현에는 ace.c9 API.
Group Call 및 스터디 룸 상에서 데이터 교환에는 WebRTC 를 사용해서 구현할 예정입니다.
감사합니다.
개발자(물리)