Amazon Q CLI로 웹 기반 라이브러리 게임 'Riddle Me This' 개발: 나의 여정

카테고리

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

서브카테고리

웹 개발

대상자

• Python 및 Flask 기반 웹 개발자에게 유용
• AI 도구 활용에 관심 있는 중급 이상 개발자
• 프론트엔드/백엔드 통합 개발 경험을 원하는 학습자

핵심 요약

• Amazon Q CLI를 사용해 Python 콘솔 및 Flask 기반 웹 앱을 동시에 개발
• Flask 기반 웹 버전에서는 반응형 디자인, 세션 관리, 점수 리더보드 구현
• 가상 환경(virtualenv) 사용으로 의존성 관리와 설치 오류 해결

섹션별 세부 요약

1. 개발 환경 설정

• python -m venv venv 명령어로 가상 환경 생성
• pip install flask로 Flask 설치
• externally-managed-environment 오류 해결을 위해 가상 환경 사용 권장

2. 콘솔 버전 기능

• 문제/정답/힌트 포함된 라이브러리 데이터베이스
• 1점당 정답 시스템, 2회 오답 시 힌트 제공
• CSV 파일로 고득점자 기록 저장

3. 웹 버전 구현

• Flask 백엔드 + HTML/CSS/JS 프론트엔드
• 반응형 디자인 적용 (모바일/데스크탑 호환)
• 세션 관리로 사용자 게임 상태 추적
• 게임 종료 후 점수 리더보드 표시

4. 학습 및 도전 과제

• Amazon Q CLI로 코드 자동 생성, 디버깅 도움
• 세션 관리, 에러 처리, 반응형 디자인 등 실무 기술 습득
• 가상 환경 사용이 설치 오류 해결에 핵심

5. 향후 개선 방향

• 난이도 설정, 사용자 인증, 다중 플레이어 모드 추가
• 음향 효과, 카테고리 분류 기능 확장

결론

• Amazon Q CLI는 AI 도움으로 빠른 개발 가능
• Flask + HTML/CSS/JS로 풀스택 웹 앱 구현 시 가상 환경 사용 필수
• GitHub에서 프로젝트 코드 확인: https://github.com/Yusra310/Riddle-me-this