개요

✨ 프로젝트 소개

ChatGPT와 함께하는 협업 전용 IDE

✨ 프로젝트 목표

협업 툴이 필요하지 않은 Web IDE 개발

✨ 지원 기능

• 소셜 로그인을 사용한 사용자 관리
• CRDT를 이용한 실시간 동시 편집이 가능한 코드 편집기
• 코드 실행 및 터미널 이용
• 드래그&드롭이 가능한 트리 구조 디렉터리
• 웹소켓을 활용한 IDE 내 문자 및 음성 Chat
• ChatGPT를 활용한 코드 리뷰

✨ 기술 스택

React, TypeScript, Java, Spring, GitHub, Docker, …

기능 요구사항

<aside> 📙 로그인, IDE 생성, 초대, 코드 편집기, 터미널, 실행, ChatGpt 등의 기능 분류 내에서 하위 기능들을 나열합니다.

</aside>

제목 없음

구현 방법 및 계획

UI Flow

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fz2c9TzIkp5Ur6CYpYysW88%2FwebIDE%3Ftype%3Ddesign%26node-id%3D75%3A3018%26mode%3Ddesign%26t%3DNTiJNr2RX4yiW4V3-1

ERD

• 사용자가 IDE에서 작성하는 파일들은 도커 볼륨을 손쉽게 사용하기 위해 DB에 저장하지 않고 파일 시스템에 직접 저장하도록 하여 별도의 테이블이 존재하지 않음.
• 채팅 정보는 DB에 저장하여 IDE 종료 이후에도 내역을 확인할 수 있음