어제 오늘 내일

마우스 이벤트의 종류를 알아보고, 각 이벤트들이 언제 어떻게 동작하는지 정리해 보았습니다. 0. 마우스 이벤트의 종류 1. click, mousedown, mouseup 2. dblclick 3. mousemove 4. mouseover, mouseout 5. mouseenter, mouseleave 6. mouseover, mouseout와 mouseenter, mouseleave 차이점 7. contextmenu 0. 마우스 이벤트의 종류 1. click - 사용자해 해당 element를 클릭했을 때(버튼을 눌렀다가 떼었을 때) 발생 합니다. 2. mousedown - 사용자가 해당 element에서 마우스 버튼을 눌렀을 때 발생합니다. 3. mouseup - 사용자가 해당 element에서 눌렀던 ..

Javascript에서 숫자를 문자열로 변환하는 4가지 방법을 정리합니다. 1. toString() 2. String() 3. Template String (템플릿 문자열) 4. 빈 문자열 이어붙이기 1. toString() const str1 = (123.1).toString(); const str2 = (123).toString(); const str3 = (3).toString(2); document.write(str1 + ', ' + typeof str1 + ' '); document.write(str2 + ', ' + typeof str2 + ' '); document.write(str3 + ', ' + typeof str3 + ' '); toString() 메소드를 호출하여 숫자를 문자열로 변..

지난번에는 숫자에 세자리마다 콤마를 추가하는 방법을 알아보았습니다. 이번에는 콤마가 있는 숫자 문자열에서 콤마를 제거하는 방법을 정리해 보도록 하겠습니다. 1. replace() 함수 사용하기 2. split(), join() 함수 사용하기 1. replace() 함수 사용하기 const numberStr = "123,456,789"; // 콤마 제거 const number = numberStr.replace(",", ""); document.write(number); 숫자 문자열의 콤마를 제거하기 위해서 replace() 함수를 사용하였습니다. replace() 함수는 2개의 파라미터를 입력받고, 문자열에서 첫번째 파라미터(여기서는 ",")를 두번째 파라미터(여기서는 "")로 치환해 줍니다. 그런데, ..