공돌이의 지식 저장소

먼저 자바스크립트에서 EventTarget.addEventListener()메소드를 사용하여 마우스 휠(마우스 가운데 돌리는 부분)을 조작하는 옵션은 두 가지가 있다. 바로 scroll과 wheel이다. 코드 사용 형태는 아래와 같다. document.addEventListener("scroll", () => {}); document.addEventListener("wheel", () => {}); wheel 옵션은 마우스 휠을 조작하면 이벤트가 발생하고, scroll 옵션은 경우 스크롤바 자체를 움직이게 되면 이벤트가 발생한다. (마우스 휠로 스크롤바를 이동시킬 수 있으니 마우스 휠로도 이벤트가 발생한다) 위 함수를 사용하면서 발견한 것은 scroll 이벤트는 안그러지만 wheel 이벤트의 경우 값의 ..

아래 언급한 세 가지는 모두 각자의 운영체제에 맞게 설치하면 된다. 그리고 앞으로 남기는 글은 윈도우 환경 기준으로 적을 것이다. 프로젝트 환경 준비하기 Node.js 설치 Node.js 설치 파일은 아래 링크에서 받으면 된다. 그리고 최신버전 보다는 LTS 버전을 받는 것을 권장한다. https://nodejs.org/ko/download IDE 설치 (Visual Studio Code) + 확장 도구 설치 React 뿐만이 아니라 프로젝트의 종류에 상관없이 많이 쓰게 될 개꿀 코드에디터다. 이것도 아래 링크에서 설치하자. https://code.visualstudio.com/download VSCode가 설치됐다면 이제 확장 프로그램으로는 ESLint, Reactjs Code Snippets, Pre..

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)이기 때문이었다. 위..