이 프로젝트는 개인 프로젝트로 Github Copilot을 활용하여 프론트엔드 작업을 수행하고 본인은 백엔드 개발에 집중하였습니다.
웹을 통해 접근성을 제공하는 통합 개발 환경(IDE)을 목표로 합니다. 숙련자의 코드를 입문자가 읽고 공유할 수 있는 환경을 조성하여, 향후 교육용 플랫폼으로의 발전 가능성을 고려하여 개발하였습니다.
Frontend : React
Backend : Spring Boot, JAVA
Authentication : JWT
Documentation : Swagger API
개인 프로젝트 : 유저별 독립된 프로젝트 생성 및 관리 기능
파일 탐색기 : 트리 구조의 파일/폴더 생성, 수정, 삭제(CRUD) 지원
공유 프로젝트 : 타 유저의 프로젝트를 읽기 모드로 조회
코드 언어 선택 : CPP, JAVA, JAVASCRIPT, PYTHON 등 다양한 언어의 코드 작성 및 실행
인증/인가: JWT 기반의 회원가입, 로그인 및 보안이 필요한 API 보호
마이페이지: 유저명 변경, 비밀번호 변경 및 회원 탈퇴 등 개인 정보 관리
흐름: 홈페이지 → 로그인 → 프로젝트 관리 → 코드 에디터 → 파일/폴더 관리 → 빌드 및 실행 → 결과 출력 및 종료
| 영역 | 위치 | 주요 기능 |
|---|---|---|
| Header | 상단 | 메뉴바, 로그인/로그아웃, 테마 설정 |
| Sidebar | 좌측 | 파일 및 디렉토리 탐색기 |
| Main | 중앙 | 코드 편집 공간 |
| Sidebar | 우측 | 협업 상황 및 실시간 채팅 (예정) |
| Panel | 하단 | 터미널, 실행 결과, 에러 메시지 출력 |
총 개발 기간: 2025년 7월 14일 ~ 8월 3일 (3주)
사전 기획 (1주차) : 프로젝트 설계 및 기획
MVP 구현 (2주차) : 코드 에디터, 파일 탐색기 구현
확장 구현 (3주차) : JWT 로그인 구현, 개인/공유 프로젝트 및 비즈니스 로직 테스트 구현
- 입력값 처리: 프론트엔드 내 사용자 입력값(Standard Input) 기능 완성
- 실시간 협업: IDE 내 동시 편집 및 실시간 채팅 기능 도입
- 권한 관리: 친구 추가 기능을 통한 특정 유저 대상 협업 권한 부여
- 커뮤니티 확장: 공개 프로젝트 포크(Fork), 즐겨찾기, 별도 게시판 및 댓글 기능
