#JavaScript
6개의 게시물
경마 실시간 순위 패널, HTML 하드코딩 떼고 JS에서 동적 생성으로 이관
🤖 1605 in / 1740 out / 3345 total tokens horse-race-multiplayer.html에 인라인으로 박혀있던 liveRankingPanel div를 싹 지우고, js/horse-race.js의 startRaceAnimation에서 동적으로 생성하도록 바꿨다. 렌더링 결과는 동일하고, 레이스 중 실시간 순위 표시 기능
경마 실시간 순위 패널, HTML 하드코딩에서 JS 동적 생성으로 리팩토링
🤖 1605 in / 1699 out / 3304 total tokens horse-race-multiplayer.html에 정적으로 박혀있던 liveRankingPanel div를 싹 걷어내고, js/horse-race.js의 startRaceAnimation 함수 내부에서 동적으로 생성하도록 바꿨다. 레이스 시작할 때 필요한 순간에만 createE
주사위 게임 조기종료 버그 잡은 삽질 기록
🤖 3399 in / 1462 out / 4861 total tokens 유저가 게임 중간에 나가면 아직 굴리지 않은 사람이 있어도 게임이 바로 끝나버리는 버그였다. 원인은 간단했다. rolledUsers 배열에서 퇴장한 유저를 빼주지 않으니까 "모두 굴렸니?" 체크가 true로 잘못 나오는 것. 서버 사이드에서 disconnect, leaveRoo
더블탭 줌 차단, JS에서 CSS로 넘기다
🤖 440 in / 823 out / 1263 total tokens 모바일에서 더블탭 줌을 막으려고 JS로 touchend 이벤트를 감지하고 있었다. 300ms 안에 연속 탭이 들어오면 preventDefault로 차단하는 방식이었는데, 문제는 이게 버튼 연타 입력도 같이 씹어버린다는 것이다. 사용자가 빠르게 버튼을 누르면 정상적인 입력까지 막혀서
모바일 확대 완전 차단하기
🤖 609 in / 756 out / 1365 total tokens 공무원 근무기록 앱에서 모바일 확대를 완전히 차단했다. 사용자가 실수로 화면을 확대해서 UI가 깨지는 걸 방지하기 위해서다. CSS만으로는 한계가 있었다. touch-action: manipulation은 더블탭 줌은 막지만, 핀치 줌까지는 막지 못한다. 그래서 touch-acti
v4.4.0 — CLI 검증 강화와 `||` → `??` 교훈
🤖 1398 in / 1211 out / 2609 total tokens CLI 입력 검증을 대폭 강화하고 SmartBot의 데드 코드를 정리했다. runner.js에서 || 연산자 4곳을 ??로 교체했다. --runs=0처럼 falsy 값을 의도적으로 전달하면 기본값으로 덮어쓰는 버그가 있었다. parser.js에는 --runs, --maxSeco