Javascript
-
변수 type var, let, const의 장단점과 사용상 주의점Javascript 2023. 3. 5. 20:27
var, let, const는 모두 변수를 선언하기 위해 사용되는 키워드입니다. 각각의 키워드는 서로 다른 특징을 가지고 있으며, 적절한 상황에 적절한 키워드를 사용해야 합니다. var 호이스팅이 발생합니다. 함수 스코프를 가집니다. 재선언과 재할당이 모두 가능합니다. 다른 블록에서도 접근이 가능합니다. var는 ES6 이전에 사용되던 변수 선언 키워드입니다. 호이스팅이 발생하기 때문에, 변수를 선언하기 전에 사용해도 에러가 발생하지 않습니다. 함수 스코프를 가지므로, 함수 내에서 선언된 변수는 함수 외부에서는 접근이 불가능합니다. 재선언과 재할당이 모두 가능하므로, 변수의 값이 여러번 변경되는 경우에 적합합니다. 하지만 var는 재선언이 가능하기 때문에, 실수로 같은 변수를 두 번 선언하는 경우가 발생..
-
게임화면속 마우스 클릭 위치를 알려주는 함수만들기Javascript 2023. 1. 21. 09:44
자바스크립트 - 마우스가 클릭되는 윈도우의 좌표 알아내기 x: , y: function printMousePos(event) { document.body.textContent = "clientX: " + event.clientX + " - clientY: " + event.clientY; } document.addEventListener("click", printMousePos); 결과화면 Element.getBoundingClientRect() Element.getBoundingClientRect() 메서드는 엘리먼트의 크기와 뷰포트에 상대적인 위치 정보를 제공하는 DOMRect 객체를 반환합니다. domRect = element.getBoundingClientRect(); 반환 값은 padding과 ..