소개
JavaScript 를 사용하여 간단한 슬라이딩 퍼즐 게임을 만드는 이 프로젝트에 오신 것을 환영합니다. 이 가이드가 끝나면 브라우저에서 플레이할 수 있는 3x3 슬라이딩 퍼즐 게임을 갖게 될 것입니다. 이 게임은 번호가 매겨진 타일, 타이머, 게임 시작, 일시 중지 및 재설정 컨트롤을 특징으로 합니다.
사전 경험은 필요하지 않지만, JavaScript 와 HTML 에 대한 기본적인 이해가 도움이 될 것입니다. 시작해 봅시다!
👀 미리보기
🎯 과제
이 프로젝트에서 다음을 배우게 됩니다.
- HTML 에서 게임 레이아웃을 디자인하는 방법
- 게임에 대한 CSS 스타일을 작성하는 방법
- JavaScript 에서 게임 변수를 초기화하는 방법
- 타일 이동을 처리하는 move 함수를 구현하는 방법
- 가능한 타일 이동을 결정하는 방법
- 게임 타이머를 구현하는 방법
- 시작, 일시 중지 및 재설정 기능을 사용하여 게임 흐름을 제어하는 방법
- 시작 시 또는 재설정 시 타일을 무작위로 섞는 방법
- 페이지 로드 시 게임을 초기화하는 방법
🏆 성과
이 프로젝트를 완료하면 다음을 수행할 수 있습니다.
- HTML 을 사용하여 게임의 레이아웃을 디자인합니다.
- CSS 를 사용하여 요소를 스타일링합니다.
- JavaScript 를 사용하여 게임 로직을 구현합니다.
- 사용자 입력을 처리하고 이에 따라 작업을 수행합니다.
- DOM 을 조작하여 게임 상태를 업데이트하고 정보를 표시합니다.
