ChatGPT가 탑재된 컨테이너 기반 협업용 Web IDE

구름톤 트레이닝 풀스택 개발자 과정
개발 기간 : 2023.12.01 ~ 2023.12.28

배포 주소

백엔드 서버 : https://www.thegreatide.site
프론트엔드 서버 : https://the-greate-ide.vercel.app

팀 소개

Pictures
Name	서범석	이봉승	임현정	차민규
Role	컨테이너 관리 및 오케스트레이션 지원	STOMP 웹소켓 모듈 개발, 채팅 서비스 제공	소셜 로그인 및 인증 인가, HTTPS 적용 및 서버 환경 설정	프로젝트 파일 및 디렉터리 관리 API 개발, ChatGPT API 개발
GitHub

프로젝트 소개

🔍 프로젝트 컨셉

🔍 아키텍처

🔍 기술 스택

주요 기능

✨ 소셜 로그인

소셜 로그인을 통해 사용자는 번거로운 회원가입 / 로그인 과정을 거치지 않고 서비스를 이용할 수 있습니다. Spring Security, JWT, OAuth2를 사용했으며, 통신간 암호화를 위해 HTTPS를 적용했으며 리프레시 토큰을 1회성으로 사용하게 만드는 Rotation 기술을 도입했습니다.

✨ 프로젝트 단위의 개발 환경 제공

사용자는 여러 프로젝트를 만들고, 소스코드를 작성하며 실행시킬 수 있습니다. 모든 내용은 저장되며, 다른 사용자를 초대해 함께 소스코드를 수정할 수 있습니다. 각 프로젝트 개발환경은 ECS를 통해 컨테이너로 관리됩니다.

✨ 다양한 언어 지원 (Python, Java, CPP)

프로젝트 생성 시점에 사용할 언어를 선택할 수 있습니다. 선택한 언어를 통해 컨테이너 이미지를 생성하여 사용자에게 개발 환경을 제공합니다.

✨ 채팅

IDE의 프로젝트에 참여해있는 사용자간에 텍스트를 주고 받을 수 있는 기능입니다. 사용자의 입/퇴장시에 '@@@님이 입장 | 퇴장 했습니다.' 라는 문구가 보여집니다. 구독 - 발행 모델을 적극적으로 사용하기 위해 STOMP를 사용했습니다.

✨ 터미널

터미널을 통해 프로젝트 파일에 대한 조작을 할 수 있으며 프로그램을 수행시킬 수 있습니다. ECS Exec을 사용했습니다.

✨ ChatGPT를 통한 코드 리뷰 및 질문

현재 작성중인 소스코드에 대한 코드 리뷰를 간편하게 받을 수 있으며, 질문이 있는 경우 내장되어있는 ChatGPT 기능을 통해 결과를 받아 볼 수 있습니다.

데모 영상

✨ 프로젝트 생성

✨ 프로젝트 입장

✨동시 편집

✨ 파일트리

✨ 채팅

✨ 터미널

챗지피티