🦆 The Golden Duck: Amazon Q Developer로 만든 교육용 웹 게임 개발 경험

카테고리

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

서브카테고리

웹 개발

대상자

- 대상: 웹 개발자, 액세스리비리티 및 모듈형 아키텍처에 관심 있는 개발자

- 난이도: 중급~고급 (모듈형 JavaScript, Jest 테스트, 접근성 구현 포함)

핵심 요약

• Amazon Q Developer를 사용해 모듈형 JavaScript 프로젝트 구조 설계 및 구현
• 접근성 기능(시각 장애인 대응)과 Jest 기반 단위 테스트 통합
• AI 기반 개발 도구(Amazon Q Developer)를 활용한 교육용 게임 개발 프로세스 효율화

섹션별 세부 요약

1. 게임 개요

• 텍스트 기반 교육용 게임, DOS/Windows 95 스타일 UI
• 모듈형 JavaScript 엔진 기반, HTML/CSS/JavaScript로 완전히 자체 개발
• 시각 장애인을 위한 접근성 고려 포함

1. Amazon Q Developer 활용 개발 프로세스

• VSCode 플러그인 설치, Builder ID 등록, 프로젝트 컨텍스트 파일 생성
• Q Developer가 프로젝트 아키텍처 분석 및 파일 구조 자동 생성
• 모듈형 JavaScript 아키텍처, 챕터 흐름, 기능 설명 제공

1. 디버깅 및 문제 해결

• scene.js에서 게임 엔진 미설정 오류 발생
• Q Developer가 오류 분석 및 수정, 디버깅 헬퍼 유틸리티 추가
• 콘솔 로그 기반 오류 메시지(Game engine not set for scene: tutorial) 처리

1. 테스트 및 보안/접근성 개선

• Jest를 활용한 단위 테스트 생성 및 실행 (초기 실패 후 조정 후 통과)
• Q Developer가 보안 취약점 및 접근성 개선 제안, 프로젝트 문서 업데이트

1. 문서 생성 및 최종 리뷰

• README.md, CONTRIBUTING.md, Architecture Document 등 문서 자동 생성
• 게임 개발 과정 요약 및 마크다운 기반 챌린지 제출 문서 생성

결론

• *Amazon Q Developer는 모듈형 프로젝트 구조 설계, 테스트 자동화, 접근성 개선에 효율적인 도구이며, 교육용 게임 개발에 적합한 AI 기반 개발 파트너로 활용 가능. Jest와 접근성 기준**을 준수한 구현이 핵심 성공 요소.