TIL

🎯 2048

🕹 게임설명

gabrielle cerulli 게임의 목표는 그리드에서 타일을 슬라이드하여 숫자 2048을 구성하는 것.
화면에 이미 생성된 두 개의 숫자로 시작하여 걔속 밀어서 새 숫자를 생성
전체 그리드에 숫자가 포함되어있고 숫자 2048을 얻을 때 승리!!

🕹 구조잡기

• grid 400px*400px
  flex wrap-div 겹치지 않도록 나란히 할것
• tabNine : 코드를 더 빠르고 정확하게 작성할 수 있는 탭9 패키지 설치 추천
• 숫자 생성
• 숫자 이동
• 게임 오버
• 점수 판정
• youtube - 코드트레인 채널 선생님
• westboss 에 의해 구축된 keycode.info. 구글링

🌈 트러블 슈팅

보드판 위의 숫자를 상 하 좌 우 로 이동이랑 한 번 이동 시 모든 숫자들이 같은 방향으로 갈 수 있는 만큰 최대한 이동하는데 이해가 좀 필요했다. 그리고 숫자들이 이동할 때 같은 숫자끼리 충돌 시 둘이 합쳐져 블록이 되고 블록의 숫자는 두 블록의 합을 구현시 애 좀 먹었다. 마지막으로 한 번의 이동으로 하나의 블록이 연쇄적으로 여러번 합쳐질수 없다는 전제 조건이 어려움점. 아쉬운점은 자바스크립트로만 구현했지만 다음에 리액트로 한번 구현해보고싶다는 생각이 들었고 css 개념이 아직 많이 부족하다는 것을 알아 내일부터는 기초개념에 힘을 써야겠다는 생각이 많이 들었다. 왜 저한테 그런말을 한지 알것같다. 그냥 넘어가지 말아라. 이게 왜 이렇게 되지? 어떻게서? 완전히 이해 되지 않았으면 이해 될때까지 붙잡고 넘어가길 바란다...그 구절이 생각나는 하루였다.

🎖 최종

https://youtube.com/shorts/fyzjxW-swss