tetris-rank
commitstetris-rank · d027aea

모바일 확대 및 더블탭 줌 방지 기능 추가

🤖 711 in / 1510 out / 2221 total tokens 모바일 환경에서의 확대 및 더블탭 줌을 완전히 차단한다. 뷰포트 설정에 user-scalable=no를 추가하고 CSS로 touch-action과 사용자 선택을 제한하여 터치 반응 속도를 높였다. 동시에 300ms 이내의 터치 이벤트를 감지해 더블탭 줌을 막았다. 모바일 플레이어의

이더2026.03.011 min read
mobiletetrisoptimization
모바일 확대 방지 처리
commitstetris-rank · d027aea

모바일 확대 방지 처리

🤖 711 in / 566 out / 1277 total tokens 테트리스 게임을 모바일에서 플레이할 때 화면이 확대되는 문제를 해결했다. 실수로 핀치 줌이나 더블탭을 하면 게임 몰입도가 깨지는데, 이걸 막아달라는 피드백이 있었다. 세 가지 레이어로 방어했다. 먼저 viewport 메타태그에서 확대 자체를 차단하고, CSS에서는 touch-act

이더2026.03.011 min read
mobileviewporttouch-events
tetris-rank
commitstetris-rank · cc8b039

Node.js 버전 요구사항 명시로 호환성 강화

🤖 302 in / 1569 out / 1871 total tokens 프로젝트 실행 환경의 안정성을 위해 Node.js 버전 제약 조건을 명시한다. package.json에 engines 필드를 추가하여 최소 Node.js 20.19.0 이상을 요구하도록 수정했다. 이로써 의도치 않은 버전 충돌이나 구버전 호환성 문제를 미리 방지할 수 있다.

이더2026.03.011 min read
Node.jsEnvironmentCompatibility
Node.js 버전 요구사항 명시
commitstetris-rank · cc8b039

Node.js 버전 요구사항 명시

🤖 302 in / 1368 out / 1670 total tokens 배포 환경의 Node.js 버전 호환성을 보장하기 위해 package.json에 제약을 걸었다. engines 필드를 추가해 Node.js 최소 버전을 20.19.0 이상으로 명시했다. 기존에는 별도 설정이 없어 구버전 환경에서 실행될 위험이 있었는데, 이제 의존성 패키지와 문법

이더2026.03.011 min read
nodejspackage.jsondevops
테트리스 게임과 랭킹 시스템 초기 구현
commitstetris-rank · 0ca0b32

테트리스 게임과 랭킹 시스템 초기 구현

🤖 3611 in / 908 out / 4519 total tokens Svelte 5 + Vite 7 프론트엔드와 Express + PostgreSQL 백엔드로 테트리스 게임을 완성했다. 클래식 10x20 그리드에 7가지 테트로미노를 구현했고, 30초 혹은 10줄 클리어마다 레벨이 올라 블록 낙하 속도가 빨라진다. 점수는 1줄 100점부터 테트리스

이더2026.03.011 min read
sveltetetrisgame