코드 퀘스트 어드벤처 게임: 게임화된 코딩 학습 플랫폼

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발, 인공지능

대상자

• 초보 개발자 및 코딩 학습자: 게임화된 학습 환경을 통해 실전 문제 풀이 능력 향상
• 난이도: 중간 (기초 JS/Python 지식 필요)

핵심 요약

• Amazon Q Developer CLI를 활용한 AI 생성 콘텐츠로 실시간 질문/스토리 제공
• 3단계 게임 구조 (다중 선택, 공백 채우기, 최종 보스전) 및 HP 기반 전투 시스템 구현
• 프론트엔드 (JS) / 백엔드 (Python) 분리 설계, EC2 서버 배포 완료

섹션별 세부 요약

1. 게임 개요 및 핵심 기능

• 실시간 스토리/질문 생성 (Amazon Q Developer CLI 활용)
• 3레벨 구조: 질문 정답 시 적 피해, 오답 시 플레이어 HP 감소
• 최종 보스 전투 성공 시 "마스터 개발자" 타이틀 획득

1. AI 생성 콘텐츠 구현 방식

• 프론트엔드 → 백엔드 API 호출: q chat --no-interactive 명령어 실행
• Amazon Q Developer CLI → JSON 파싱 → 사용자에게 전달
• 오류 발생 시 에러 메시지 표시 (사전 정의된 응답 없음)

1. 프로젝트 구조 및 개발 과정

• 프론트엔드: JS 기반, React/Vue 프레임워크 사용
• 백엔드: Python 기반, Flask/FastAPI 활용
• 프로젝트 폴더 구조: 소문자 및 - 구분 (예: code-quest-adventure)
• 로딩 화면: 인용구/진행 막대 추가 (백엔드 응답 대기 중)

1. 개발 도구 및 자동화

• Amazon Q Developer CLI:

- Node.js, npm, pip 자동 설치

- 기본 로직, 그래픽 초기 코드 제공

• EC2 서버: 자동 배포 및 프로덕션 준비 완료
• GitHub: 3개의 README 파일 포함 (프론트엔드/백엔드 문서화)

결론

• Amazon Q Developer를 활용한 AI 생성 콘텐츠는 게임화된 학습 플랫폼 개발을 2일 만에 완료 가능
• 실전 문제 풀이 능력 향상을 위한 Gamified Learning 모델로 초보자에게 적합
• 프론트엔드/백엔드 분리 설계 및 EC2 배포 자동화로 확장성과 유지보수성 강화