Skip to content

Latest commit

 

History

History
47 lines (35 loc) · 2.44 KB

README.md

File metadata and controls

47 lines (35 loc) · 2.44 KB

🎴 프로젝트 개요

본 프로젝트는 사용자가 타로 카드를 무작위로 섞고 직접 선택하거나, 랜덤으로 지정된 카드들을 확인할 수 있는 웹사이트입니다.

🚀 작업 요청자: Android 개발자가 저녁 식사 하다가 친누나의 강력한 요청에 의해 2시간 만에 제작 되었습니다.
🔗 사이트 링크: 타로 카드 선택 웹사이트


🔥 주요 기능 설명

1️⃣ 카드 섞기 (Shuffle)

  • 카드 섞기 버튼을 클릭하면 타로 카드 78장이 랜덤하게 섞입니다.
  • 기존에 선택된 카드들이 초기화됩니다.

2️⃣ 랜덤 카드 선택 (Random Pick)

  • 랜덤 카드 선택 버튼을 누르면 현재 카드 덱에서 지정한 개수만큼 랜덤한 카드가 자동으로 선택됩니다.
  • 중복되지 않는 방식으로 랜덤 선택이 이루어집니다.

3️⃣ 선택 초기화 (Reset Selection)

  • 선택 초기화 버튼을 누르면 현재 선택된 카드 리스트가 완전히 초기화됩니다.
  • 새로운 카드를 다시 선택할 수 있습니다.

4️⃣ 최대 선택 개수 설정 (Max Selection)

  • 최대 선택 개수 입력 필드에서 사용자가 원하는 카드 개수를 설정할 수 있습니다.
  • 적용 버튼을 눌러야 설정이 반영됩니다.
  • 설정된 개수만큼 선택할 수 있으며, 해당 개수만큼 빈 공간이 유지됩니다.

5️⃣ 카드 번호로 선택 (Pick by Number)

  • 특정 카드 번호를 입력한 후 번호로 카드 선택 버튼을 클릭하면 해당 번호에 해당하는 카드가 선택됩니다.
  • 최대 선택 개수를 초과할 경우 더 이상 선택되지 않습니다.

💻 기술 스택

  • HTML, CSS, JavaScript
  • GitHub Pages를 활용한 정적 웹사이트 배포
    (추가적인 서버나 백엔드 기능 없이, GitHub Pages만을 활용하여 제작)

🛠️ 사용 방법

  1. 웹사이트 링크에 접속합니다.
  2. 카드 섞기 버튼을 눌러 카드 덱을 섞습니다.
  3. 최대 선택 개수를 설정하고 적용 버튼을 눌러 반영합니다.
  4. 랜덤 카드 선택 또는 번호로 카드 선택 기능을 활용하여 원하는 카드를 선택합니다.
  5. 선택 초기화 버튼을 눌러 선택된 카드를 리셋할 수 있습니다.