프로젝트 의 JavaScript 스킬 트리

jQuery 를 사용한 2048 웹 게임

초급

이 프로젝트에서는 웹 애플리케이션 개발 과정을 배우게 됩니다. 모바일 기기에서 반응형으로 만드는 방법을 포함하여, JavaScript 와 jQuery 를 사용하여 게임 로직을 작성하고, 블록 이동을 처리하며, 게임 결과를 결정하는 방법을 익힙니다.

javascriptweb-development

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

소개

2048 은 전 세계적으로 선풍적인 인기를 끌고 있는, 배우기 매우 쉽고 중독성 있는 게임입니다. 아직 플레이해보지 않으셨다면, 모바일 폰에서 다운로드하여 시도해 볼 수 있습니다. 이 프로젝트는 HTML, CSS, JavaScript 및 jQuery 를 사용하여 2048 게임의 웹 버전을 만드는 과정을 안내합니다.

  • 웹 애플리케이션 개발 프로세스 학습
  • 다양한 크기의 화면을 수용하고 레이아웃 및 초기화를 처리하기 위해 모바일 장치에서 애플리케이션을 반응형으로 만드는 방법 탐구
  • JavaScript 및 jQuery 를 활용하여 게임 로직을 작성하고, 블록 이동을 구현하며, 게임 결과를 결정합니다.

👀 미리보기

2048 game preview animation

🎯 과제

이 프로젝트에서는 다음을 배우게 됩니다.

  • HTML 및 CSS 를 사용하여 2048 웹 게임의 페이지 레이아웃을 만드는 방법
  • JavaScript 및 jQuery 로 게임 로직을 구현하는 방법
  • 블록 이동 및 블록 병합을 처리하는 방법
  • 웹 브라우저에서 웹 게임을 테스트하고 실행하는 방법

🏆 성과

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

  • 2048 게임을 위한 반응형 웹 애플리케이션 개발
  • JavaScript 및 jQuery 를 활용하여 게임 로직 및 기능 작성
  • 게임에서 블록 이동 및 병합 구현
  • 웹 브라우저에서 웹 게임 테스트 및 실행

강사

labby
Labby
Labby is the LabEx teacher.