🧩 프로젝트 제목

<aside>

에러 디버깅 방탈출, try catch!

</aside>

💡 프로젝트 배경

<aside>

• 고통스러운 디버깅 경험: 개발 과정 중 가장 지루하고 스트레스가 높은 작업으로 인식되는 디버깅
• AI에 대한 맹목적 의존: 에러 로그를 단순히 복사하여 AI에게 정답을 요구하는 수동적인 습관 형성
• 자립성 상실의 위기: AI가 준 코드를 이해 없이 복사하여 본인의 수정 로직을 파악하지 못하는 역량 정체
• 효과적인 도구 활용의 필요성: AI를 대신 일해주는 대리인이 아닌, 디버깅 능력을 증폭시키는 파트너로 활용하는 훈련 필요 </aside>

🎯 프로젝트 목표

<aside>

• 디버깅 기반의 방탈출 게임 구현: 코드 내 숨겨진 버그를 찾아 수정하는 과정을 밀실의 암호를 해독하고 탈출하는 퀘스트로 형상화하여 극적인 재미 부여
• 전략적 AI 협업 능력 강화: 탈출 단서를 얻기 위해 AI에게 올바른 프롬프트를 전달하여 최적의 힌트를 이끌어내는 상호작용 훈련
• 디버깅 자립성 및 코드 문해력 강화: AI가 정답을 직접 알려주는 방식이 아닌, 유저가 AI의 단서를 조합해 직접 코드를 고치며 자립 역량 확보
• 시간 제한을 통한 몰입도 극대화: 실시간 타이머 시스템을 도입하여 제한 시간 내에 에러를 해결해야 탈출할 수 있는 긴박한 게임 플레이 환경 조성
• 실무형 프로젝트 시뮬레이션: 실제 개발 환경과 유사한 파일 구조와 기술 스택을 문제를 해결하는 공간으로 설정하여 실전 대응 능력을 향상
• 협업 탈출 경험 제공(멀티모드): 팀원과 역할을 나누어 각자의 영역에서 버그를 해결하며 함께 탈출하는 실시간 협업 경험 </aside>

✨ 주요 기능

<aside>

• 사용자 인증 및 커스텀 프로필: JWT 기반 보안 로그인, 회원가입 및 개별 학습 이력(클리어 타임, 점수) 관리
• 시나리오 기반 테마 선택: 다양한 배경의 디버깅 방탈출 테마 제공
• 게임 모드 개인화: 혼자서 집중적으로 훈련하는 '싱글 모드'와 팀원과 역할을 분담하여 탈출하는 '실시간 멀티 모드' 지원
• 멀티 스택 시뮬레이션 환경: React, Vue, Spring 등 본인의 주력 기술 스택에 맞춘 실무형 디버깅 환경 선택
• 스토리텔링 퀘스트: 텍스트와 연출을 통해 디버깅의 당위성을 부여하고 몰입감을 높이는 단계별 에피소드 진행
• 인터랙티브 웹 IDE: Monaco Editor 기반의 파일 트리와 코드 편집기를 통해 실제 개발 환경과 동일한 디버깅 경험 제공
• 전략적 AI 가이드: 유저가 제공하는 상황 맥락에 반응하여 탈출의 결정적 단서를 제공하는 지능형 힌트 시스템
• 디버깅 로그 및 사후 리포트: 제출한 코드의 성공 여부 분석과 함께 학습에 필요한 기술적 인사이트를 요약한 최종 리포트 생성 </aside>

📈 기대 효과

<aside>

• 디버깅 인식 전환: 기피하는 작업에서 도전하고 싶은 게임으로의 경험 재설계
• 리더형 개발자 육성: AI에게 정답을 구걸하지 않고 AI를 지휘하여 문제를 해결하는 역량 확보
• 실무 문제 해결 능력: AI를 단순 해답지가 아닌 능동적인 디버깅 도구로 활용하여 복잡한 에러의 근본 원인을 파악하고 해결하는 전략적 사고 확립
• 협업 시너지 극대화: 팀원 간 역할 분담과 실시간 코드 공유를 통해 집단 지성으로 문제를 해결하는 협업 능력 향상 </aside>