[사이드 프로젝트] 2D 당구 시뮬레이터 (Carom 2D)
2026-11-08실제 당구대의 규격과 물리 법칙(회전, 밀어치기, 끌어치기, 스쿼트)을 웹 브라우저 환경에서 정밀하게 재현한 2D 당구 연습 및 대전 시뮬레이터입니다.
실제 당구대의 규격과 물리 법칙(회전, 밀어치기, 끌어치기, 스쿼트)을 웹 브라우저 환경에서 정밀하게 재현한 2D 당구 연습 및 대전 시뮬레이터입니다.
v-bind
자바스크립트에서 숫자를 정확한 자릿수로 표현하기 위해 toFixed() 를 사용한다. toFixed() 는 지정한 자릿수보다 짧은 수일 때 뒤를 0으로 채우는데, 경우에 따라서 0을 제거할 경우가 생긴다.
코드에 import 를 추가 할 때도, 어느 위치에 넣을지 은근히 신경쓰이기 때문에, 자동으로 정렬해주는 기능을 좋아한다. 여러 방법이 있겠지만, 플러그인을 사용하는 방법과 vscode 설정으로 처리하는 2가지 방법을 적어본다.
기본 구조