프로젝트 의 JavaScript 스킬 트리

JavaScript 로 지뢰 찾기 게임 만들기

초급

이 프로젝트에서는 클래식 게임 지뢰 찾기의 웹 기반 버전을 만들 것입니다. 다양한 난이도의 지뢰 찾기 및 타이머 기능을 구현할 수 있습니다.

javascriptweb-development

💡 이 튜토리얼은 영어로 번역되었습니다. 원본을 보려면 영어로 전환

소개

저는 누구나 한 번쯤은 고전 게임인 지뢰 찾기를 해보셨을 거라고 생각합니다. 규칙은 간단하지만 중독성이 강하죠. 직접 개발해볼 생각을 해보신 적이 있나요? 오늘 우리는 웹 기반의 지뢰 찾기 버전을 만들어 볼 것입니다. 먼저, 인터페이스의 스크린샷을 살펴보겠습니다.

👀 미리 보기

Minesweeper game interface preview

🎯 과제

이 프로젝트에서 여러분은 다음을 배우게 됩니다:

  • 지뢰 찾기 게임의 게임 알고리즘을 설계하는 방법
  • 프로젝트의 파일 구조를 만드는 방법
  • HTML 과 CSS 를 사용하여 페이지 레이아웃을 구현하는 방법
  • JavaScript 를 사용하여 그리드를 그리는 방법
  • 게임 플레이를 처리하기 위해 셀에 클릭 이벤트를 추가하는 방법
  • 게임 시작 및 종료와 같은 게임 제어 기능을 구현하는 방법

🏆 성과

이 프로젝트를 완료하면 다음을 수행할 수 있습니다:

  • 게임 알고리즘을 설계하고 구현할 수 있습니다.
  • 웹 프로젝트의 파일 구조를 만들 수 있습니다.
  • HTML 과 CSS 를 사용하여 페이지 레이아웃을 만들 수 있습니다.
  • JavaScript 를 사용하여 그리드를 그리고 이벤트를 처리할 수 있습니다.
  • 게임 제어 기능을 구현할 수 있습니다.

강사

labby
Labby
Labby is the LabEx teacher.