화면클릭반응속도
-
JavaScript 입문 : 회면 클릭 반응 속도 체크 - 상위 5개 기록 및 속도 소수점 2자리 기준 반올림 하기컴퓨터 알아가기/JavaScript 2022. 8. 9. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 지난 시간 화면 클릭 반응 속도 상위 5개를 다음과 같이 나타내었습니다. 이번에는 상기 그림에서 속도를 소수점 2자리로 끊어서 반올림하고 상위5개 반응속도를 1위부터 5위까지 표시하도록 하면서 이장을 마무리 하고자 합니다. 1. 소수점 2자리 반올림 반올림하는 자바스크립트 메소드는 3가지가 있었습니다. toFixed( ), Math.round( ), toPrecision( ) 이었는데 소수점에서 반올림을 하면서 부동소수점의 문제를 없애는 방식으로 Math.round( )와 toPrecision( )을 같이 사용해야 한다는 점을 공부해 보았는데요. 자세한 방식은 아래를 참조하여 주세요. 2022.08.08 - [컴퓨터 알아가기/JavaSc..
-
JavaScript 입문 : 화면 클릭 반응 속도 체크 - 반응 평균 속도 구하기컴퓨터 알아가기/JavaScript 2022. 7. 30. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 지금까지 화면클릭 반응속도에 대해 코딩을 완성해 보있습니다. 이제 남아있는 작업은 반응속도에 대한 평균속도 구하기와 CSS를 잘 꾸며서 모양을 보기좋게 하는 작업입니다. 사실 자바스크립트를 공부하면서 이전에 HTML / CSS 기본을 공부한 적이 있는데 왜 머리속에는 아무것도 남아있지 않은지 황당할 따름입니다. 역시 공부는 조금이라도 나이가 젊을때 하는게 나을듯 하다고 생각하면서도 만일 제가 프로그래머처럼 만들고 싶은 결과물을 자연스럽게 내는 수준에 도달하면 수많은 나이많은 분들에게 희망을 주지 않을까해서 오늘도 달려봅니다. ▒ 평균 반응속도 구하기 평균 반응속도를 구하기 위해서는 생각해야될 부분을 일단 정리를 해봅니다. ① 반응속도를 ..
-
JavaScript 입문 : 화면 클릭 반응 속도 체크 - 잘못된 화면 클릭시 에러메시지 표시컴퓨터 알아가기/JavaScript 2022. 7. 29. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 지난 시간까지는 전체적인 흐름의 프로그램을 기본적으로 완성을 하였구요. 기본적 코딩 중 남아있는 부분이 빨간화면을 클릭할 경우 경고메시지를 나타내게 하는 작업이 있었습니다. 순서도상으로 보면 다음에 해당합니다. 코드는 지난시간 비워놓았던 else if 마지막에 사용할 수 있습니다. 1. 빨간카드시 에러메시지 코딩 코딩은 다음과같이 기본적으로 생각할 수 있습니다. classList 연습을 위해서 이번에는 remove와 add를 사용하였습니다. 브라우저를 실행하여 확인을 해보니 어딘가 이상한 점이 발견이 되었습니다. 작동은 잘되는데 원래 취지는 빨간카드를 클릭하면 에러메시지를 보여주고 다시 클릭이 되야 처음으로 돌아가야 하는데 에러메시지 후..
-
JavaScript 입문 : 화면 클릭 반응 속도 체크 - 코딩 옮기기컴퓨터 알아가기/JavaScript 2022. 7. 27. 19:30
이 글은 제로초 TV이 자바스크립트 강좌를 기본으로 하고 있습니다. 바로 전 시간 순서도상 먼저 코딩하고자 했던 부분에 대해 필요한 사항들을 정리 하였기 때문에 그 기준에 근거 VS Code에 코딩을 시작하도록 하겠습니다. 1. 시간 기록 함수 시간을 재고 기록할 때 쓰는 함수인 new Date( ); 함수를 사용합니다. 콘솔에 직접 써 보면 요일, 날짜, 시간이 나옵니다. 사용방법은 다음과 같습니다. new Date( )만 사용하면 현재 시각까지 계산을 해줍니다. 별도로 정리를 할 필요는 있어 보입니다. 2. 코딩 작업 바로 코딩작업을 하도록 하겠습니다. 이전시간 className과 classList에 대해 심도 있게 공부한 후 이해가 어느정도 수월해 진걸 느끼게 됩니다. 2022.07.23 - [컴퓨..