본문 바로가기 메뉴 바로가기

🌱1 Day, 1 Commit Wonseok's Record

Github Link https://github.com/wonseok22 메뉴보기
  • 분류 전체보기 (454)
    • Algorithm (395)
      • Back Tracking (7)
      • Binary Search (8)
      • Brute Force (24)
      • Data Structure (35)
      • DFS & BFS (66)
      • DP(Dynamic Programming (23)
      • Dijkstra (12)
      • Divide Conquer (6)
      • Floyd-Warshall (4)
      • Greedy (39)
      • Implementation (100)
      • Math (45)
      • Regular Expression (2)
      • Sorting (14)
      • String (10)
    • CS(Computer Science) (11)
      • 네트워크,통신 (2)
      • 운영체제(OS) (1)
      • 자료구조(Data Sructure) (7)
      • 개발지식 (1)
    • 기술 분석 (1)
    • Project (5)
      • Node.js를 사용한 웹 사이트 만들기 (5)
    • Toy Projects (9)
      • Django - RESTful API서버 구축해보.. (4)
      • JavaScript - 영컴 타자 연습 (1)
      • JavaScript - Mp3 플레이어 (1)
      • JavaScript - 카드 뒤집기 게임 (1)
      • JavaScript - 테트리스 (1)
      • [GPT-4] 책 요약해서 유튜브 쇼츠 영상으로 .. (1)
    • Java (1)
    • Spring (5)
    • Python (4)
    • MySQL (2)
    • EC2 (1)
    • Javascript (0)
    • Django (1)
    • React.js (3)
    • Node.js (5)
      • 개념 정리 (5)
    • Script Sample (6)
      • SearchEffect (6)
    • 웹 설계 (2)
      • UIUX 요구 분석 (2)
흔적남기기
검색하기 폼

최근 글

댓글

태그

  • python
  • crud
  • 덱
  • 장고
  • 트리
  • 큐
  • 우선순위 큐
  • 최소힙
  • CS
  • BST
  • 트리의 순회
  • Node.js
  • 파이썬
  • REST API
  • Heap
  • 백준 1325
  • Put
  • Django
  • 너비우선탐색
  • Data Structure
  • BFS
  • 이진탐색트리
  • 백준
  • Rest
  • 최대힙
  • ejs
  • 기초문법
  • 자료구조
  • BOJ
  • express.js

흔적

  • 다녀간 사람들
  • 오늘 온 분
  • 어제 온 분
공지사항
링크
  • Github Link
글 보관함
Toy Projects/JavaScript - 카드 뒤집기 게임에 관한 글 (1)
JavaScript- Card Game / 자바스크립트 - 카드 뒤집기 게임 구현

카드 뒤집기 게임 뒷면으로 놓아진 카드를 두 장씩 선택하여 짝을 맞추는 간단한 게임입니다. 주요 기능 카드 뒤집기 카드를 선택하면 해당 카드를 뒤집어 앞면으로 바꿉니다. 카드 비교 두 번째 카드를 선택했을 때, 선택된 두 카드를 비교하여 같으면 앞면으로 유지하고 다르면 카드에 shake효과를 주고 다시 뒤집습니다. 연속 클릭시 버그 픽스 카드를 빠르게 연속하여 선택할 경우 eventListener가 중첩 실행되어 버그가 발생하였습니다. 이 버그를 해결하기 위해 카드를 선택중인 상태와 flag를 사용하였습니다. 소스 코드 전체 소스는 https://github.com/wonseok22/ToyProjects/tree/main/cardGame 를 참고하세요. const cards =document.queryS..

Toy Projects/JavaScript - 카드 뒤집기 게임
이전 1 다음
이전 다음
© 2022 WonSeok, All rights reserved
728x90

티스토리툴바