목록FRONT-END/JavaScript (3)
공돌이의 지식 저장소

먼저 자바스크립트에서 EventTarget.addEventListener()메소드를 사용하여 마우스 휠(마우스 가운데 돌리는 부분)을 조작하는 옵션은 두 가지가 있다. 바로 scroll과 wheel이다. 코드 사용 형태는 아래와 같다. document.addEventListener("scroll", () => {}); document.addEventListener("wheel", () => {}); wheel 옵션은 마우스 휠을 조작하면 이벤트가 발생하고, scroll 옵션은 경우 스크롤바 자체를 움직이게 되면 이벤트가 발생한다. (마우스 휠로 스크롤바를 이동시킬 수 있으니 마우스 휠로도 이벤트가 발생한다) 위 함수를 사용하면서 발견한 것은 scroll 이벤트는 안그러지만 wheel 이벤트의 경우 값의 ..
let divisor = 10; let remained; let quotient; let number = 153; console.log(number / divisor); // Expected output : 15.3 console.log(parseInt(number / divisor)); // Expected output : 15 console.log(number % divisor); // Expected output : 3자바스크립트에서 나누기 연산(/)을 사용하면 몫만을 반환하는게 아니라 소수점 연산을 하기 때문에 이를 조심해야 한다. 만약 몫을 구하고 싶으면parseInt()을 사용하자. 그대로 소수점 연산으로 하고 싶으면 Math.floor()를 사용해도 된다. 참고로 나머지 연산은 %을 사용한다.
function solution(my_string, overwrite_string, s) { var answer = ''; answer = my_string; for (let i = s; i < overwrite_string.length; i++) { answer[i] = overwrite_string[i - s]; // 에러가 나는 부분 } return answer; } 위 코드는 제가 코딩테스트 문제를 풀어면서 작성한 코드입니다. 코드를 실행시켰더니 console.log()로 확인했을 때 answer[i] = overwrite_string[i - s]; 부분이 실행되지 않는 것을 확인했다. 그 이유를 알아보니 자바스크립트에서 문자열은 변경 불가능한 값(immutable value)이기 때문이었다. 위..