ㅇ 내용 : Codex 활용, 바이브 코딩을 통해 간단한 게임을 만들려 시도

ㅇ 세부사항

• 프롬프트 상세
  • 1990년대 RPG Maker 스타일의 턴제 RPG 게임 개발을 위한 1단계 코딩을 요청합니다.
  • 기술 스택: 순수 JavaScript, HTML, CSS (별도 라이브러리나 프레임워크 사용하지 않음)
  • 화면 구성:
  • index.html 파일 하나로 모든 것을 구현합니다.
  • 화면은 800×600 픽셀 크기의 검은색 컨테이너()를 중앙에 배치합니다.
  • 캐릭터 구현:
  • 32×32 픽셀 크기의 파란색 사각형()을 ‘플레이어’로 가정합니다.
  • 플레이어는 game-container 내부에 위치합니다.
  • 조작:
  • 키보드 방향키(상, 하, 좌, 우)를 누르면 플레이어가 해당 방향으로 10픽셀씩 이동하게 해주세요.
  • 플레이어가 game-container 경계 밖으로 나가지 않도록 처리해주세요.
  • 위 요구사항에 맞춰 HTML, CSS, JavaScript 코드를 작성해주세요. JavaScript 코드는 <script> 태그 안에 포함시켜주세요.
• 결과 : 파란 박스(플레이어), 게임 공간 까지 제작.

ㅇ 이슈

• 플레이어를 방향키로 움직이려 하나 움직여지지 않음
• 웹에서 HTML을 읽는 과정에서 오류 2건이 확인됨.
  • 오류 상세

ㅇ 평가 : 어디서부터 문제인지도 모르겠다.. 저 오류 메시지가 뭔지도 모르겠다.

ㅇ 향후 계획 : 정상적으로 읽을 수 있는 HTML을 만드는 것부터 해결