🕹️ HTML, CSS, Javascript를 사용한 MiniGame

   

👩🏻‍💻 개발 인원

2인 개발 (팀장)
담당 구현 기능 : 첫 화면 구현 및 카드뒤집기 게임 구현
첫 화면 구현 및 카드뒤집기 구현 기여도 : 100%

   

🚀 프로젝트 기간

2023.11.25 ~ 2023.12.07

   

📋 프로젝트 목표

HTML, CSS를 사용하여 디자인하고 JS를 통해 node제어를 해보는 것
JS의 함수 사용 및 액션리스너를 사용해보는 경험

   

🚧 개발 환경

HTML5

웹 페이지의 기초적인 구도를 만드는데 사용 하며 시멘틱 태그를 이용 하여 섹션을 구분 함

CSS

웹 페이지의 디자인을 적용 시켰으며 첫 화면의 카드효과와 카드 뒤집을때 애니메이션을 주기위해 주로 사용 함

JavaScript

액션리스너 처리와 실제 카드를 눌렀을 때 로직을 처리하기 위해 사용 함

   

👀 배운 점

• 리액트로 애니메이션 효과를 줄 수 있다고 생각 했으나 CSS3만으로도 애니메이션을 줄 수 있는 점과 사용법을 배웠음
• 노드를 제어하는 법과 노드의 자식노드까지 선택하는 것에 대해 배움
• 화살표 함수에 대해 좀더 공부하게 된 계기가 됨

   

😱 아쉬운 점

• 처음엔 3인이였으나 중간에 이슈로 2인으로 교체되며 팀장을 넘겨받아 이틀만에 구현한 부분에 아쉬웠음
• 팀 프로젝트 였으나 실제론 개인 프로젝트처럼 진행 되버려서 많이 아쉬웠음
• 디자인 감각이 부족하다는 걸 깨닳음