프로젝트 의 JavaScript 스킬 트리

미래를 펼쳐보세요

초급

이 프로젝트에서는 JavaScript 를 사용하여 대화형 직소 퍼즐 게임을 만드는 방법을 배웁니다. 이 게임은 퍼즐 조각을 재배열하여 완전한 이미지를 재구성하는 방식으로, 플레이어에게 흥미롭고 도전적인 경험을 제공합니다.

javascriptweb-development

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

소개

이 프로젝트에서는 JavaScript 를 사용하여 대화형 직소 퍼즐 게임을 만드는 방법을 배우게 됩니다. 이 게임은 퍼즐 조각을 재배열하여 완전한 이미지를 재구성하는 방식으로, 플레이어에게 흥미롭고 도전적인 경험을 제공합니다.

👀 미리보기

Interactive jigsaw puzzle demo

🎯 과제

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

  • 프로젝트 환경을 설정하고 파일 구조를 이해하는 방법.
  • 퍼즐 조각에 대한 드래그 앤 드롭 기능을 구현하는 방법.
  • 퍼즐 완성 여부를 확인하고 성공 메시지를 표시하는 방법.
  • 완성된 프로젝트를 테스트하고 게임의 올바른 기능을 보장하는 방법.

🏆 성과

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

  • JavaScript 를 사용하여 대화형 게임을 만들 수 있습니다.
  • 웹 개발에서 드래그 앤 드롭 기능의 원리를 이해할 수 있습니다.
  • 작업 완료 여부를 확인하고 사용자에게 피드백을 제공하는 로직을 구현할 수 있습니다.
  • Document Object Model (DOM) 을 사용하고 HTML 요소를 조작하는 경험을 얻을 수 있습니다.

강사

labby
Labby
Labby is the LabEx teacher.