JavaScript Object Map 기반의 좌표 전이 엔진을 통한 보드게임 로직 구현

Context

100개의 셀로 구성된 수학적 그리드 환경에서 지속적인 좌표 상태 추적 및 관리 필요성 대두. 하드코딩 방식의 인터페이스 구성과 복잡한 조건문 기반의 이동 로직으로 인한 유지보수 효율성 저하 예상.

Technical Solution

• 루프 기반의 동적 요소 생성으로 100개 셀의 HTML 구조를 프로그래밍 방식으로 자동화
• CSS Grid 속성을 활용한 10x10 레이아웃 매트릭스의 정밀한 래핑 구현
• 조건문(if-else)의 복잡도를 제거하기 위해 JavaScript Object Map 구조 채택
• 트리거 타일(Key)과 목적지 타일(Value)의 매핑을 통한 효율적인 Jump Engine 설계
• 데이터 중심의 좌표 전이 로직 구현으로 게임 규칙 변경 시 맵 데이터만 수정하는 유연한 구조 확보