분류 전체보기
-
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 입문 : 소수점 2자리 수 반올림컴퓨터 알아가기/JavaScript 2022. 8. 8. 19:30
자바스크립트에서 소수점 기준점을 정해주는 경우가 대부분인데 기본적으로 소수점 2자리를 기준으로 반올림하는 경우를 알아보도록 하겠습니다. 지난시간 배운 toFixed( ) 메소드를 포함하여 가장 정확하게 사용할 수 있는 메소드를 정리하도록 하겠습니다. 1. toFixed( ) 메소드로 소수 2자리수 이하 반올림 우선 toFixed( )를 사용하면 소수점 2자리 이하를 버리고 반올림이 되는 것처럼 보입니다. 그러나 다음의 경우 소수 2자리가 표현되지 않습니다. 심지어는 반올림도 되지 않고요. 경우에 따라서 정확한 결과값을 보장할 수 없는 메소드이네요. 2. Math.round( ) 메소드로 소수점 2자리 수 반올림 반올림의 메소드라고 하면 Math.round( ) 입니다. 소수점 2자리를 만든다는 것은 마지..
-
JavaScript 입문 : Math.PI의 정의 및 사용법컴퓨터 알아가기/JavaScript 2022. 8. 7. 19:30
Math가 붙는다는 것은 수학식과 연관이 있다는 것입니다. 학생 시절 수학을 좋아하기 했으나 상당히 오랜시간이 지났기 때문에 공부를 해 나가면서 코딩까지 공부를 해야하는 부담이 생기기 시작하는 군요. 언제 이 공부가 끝날지 내가 만들고자 하는 결과물을 얻을 실력까지는 얼마나 노력해야 하는지 걱정이 됩니다. ▒ Math.PI 1. 정의 학창시절 수학에서 배웠던 파이가 영어로 PI로 읽고 기호로는 π라고 씁니다. 파이는 곧 원주율을 뜻합니다. 따라서 Math.PI의 정의는 파이값을 나타내는 메서드 객체입니다. 값은 중학교때 외웠던 기억이 납니다. 3.1415였던거 같은데 좀 더 정확하게 보도록 하겠습니다. 16개자리 정도로 자바스크립트는 표현을 합니다. 2. Math.PI 사용법 수학시간에 파이를 사용해서 ..
-
JavaScript 입문 : Math.abs( ), Math.sign( )컴퓨터 알아가기/JavaScript 2022. 8. 6. 19:30
자바스크립트에서 어떤 연산을 통해 나오는 결과값이 부동소수점으로 소수점 이하 여러자리수가 표시되는 경우가 있습니다. 이럴 경우 연산되어진 값의 변형이 없게 절대값으로 표시하고 수식을 고민할 필요가 있는 경우가 있습니다. 예를 들어 정확하게 소수점 N자리 수까지 구하고 반올림하는 경우 따라서 필요한 수에 대한 결과값을 알 필요가 있는 Math를 사용한 두가지 경우를 먼저 보도록 하겠습니다. 1. Math.abs( ) 이는 사용된 숫자가 양수나 음수와 상관없이 숫자의 절대값만 구하는 메소드입니다. 상기 결과값 마지막같은 케이스가 향후 소수점 정하는 데 있어 중요한 역할을 하기에 Math.abs( )를 통하여 절대값을 구할 필요가 있는겁니다. 2. Math,sign( ) 사인값은 양수일 경우 1을 음수일 경우..
-
JavaScript 입문 : 소수점 자리수 지정, Math.ceil( ), Math.floor( ), Math.round( ), Math.trunc( ), toFixed( )컴퓨터 알아가기/JavaScript 2022. 8. 5. 19:30
자바스크립트에서 숫자의 기준을 생각할 필요가 있습니다. 우선 컴퓨터의 숫자 구성은 2진수가 기본입니다. 따라서 우리가 실생활에서 사용하는 숫자는 10진수이기 때문에 2진수 방식으로 10진수를 나타내는 경우가 있어 소수점을 사용할 경우 소수점 뒷자리가 상당히 많이 사용되는 경우가 있습니다. 1. toFixed( ) 다음처럼 답은 0.57이어야 하는데 상당히 긴 값이 나오는 경우가 종종 발생합니다. 이럴경우 소수점을 맞추어 사용하는 메소드는 toFixed( ) 메소드가 있습니다. 소수점 2자리 기준으로 toFixed(2)로 나타내면 됩니다. 이 메소드는 반환갑이 문자열이기 때문에 앞에 연산자 +를 붙혀주면 숫자로 반환이 됩니다. 기타로 Number( ), parseInr( ), parseFloat( ) 등도..
-
JavaScript 입문 : for 반복문 (for ~ in, for ~ of, forEach)컴퓨터 알아가기/JavaScript 2022. 8. 4. 19:30
자바스크립트를 공부하다 보면 필요한 문법이 있습니다. 물론 책이나 관련 내용들을 처음부터 공부할 수 있지만 이는 마치 영어사전을 A부터 시작해서 외우는 과정과 비슷해서 흥미를 잃기 쉽고 기억에도 남지 않습니다. 참고 강좌를 공부하면서 나오는 구문 중 별도 공부가 필요하다고 싶을때 별도로 내용을 찾아보고 직접 타이핑하면서 응용을 하다보면 조금은 기억에 더 오래 남기도 합니다. 오늘은 for 반복문중 자주 사용되는 확장된 for 반복문을 공부해 보고자 합니다. 1. for ~ in 반복문 객체내 각 요소값을 배열로 반복시켜 결과값을 나타내는 for 반복문입니다. 상기 예제에서 list는 배열의 순서를 말합니다. 다음을 참조하면 이해가 쉽습니다. for ~ in 문은 배열에서도 반복문을 수행하는데 기본적으로 ..
-
JavaScript 입문 : new Date() 활용법컴퓨터 알아가기/JavaScript 2022. 8. 3. 19:30
자바스크립트에서 현재 시각을 알고자 할 때 new Date( ) 함수를 사용합니다만, 회면클릭 반응속도를 체크한다든지 하는 시간과 관련된 프로그램은 new Date( ) 함수를 많이 사용하는 것을 알게 되었네요. 그렇다면 완벽하지는 않지만 많이 new Date( ) 함수에 대해 자주 사용하는 내용에 대해 간단히 정리를 하고자 합니다. ▒ new Date( ) 메소드 1. 의미 Date 객체를 생성할 때 연산자로 new를 사용하는 방식입니다. 날짜와 관련된 메소드를 제공해 주는 내장형 객체인 Date에 new를 붙혀 기본적인 날짜와 시간을 업데이트 해줍니다. new에 대해서는 다양하게 사용된다고 하니 별도의 시간을 가지고 공부를 해봐야겠습니다. 2. 다양한 사용법 각종 사용법에 대해 알아보도록 하겠습니다...
-
JavaScript 입문 : 화면 클릭 반응속도 체크 - 제일 빠르게 클릭한 5개의 속도 정렬해서 기록하기컴퓨터 알아가기/JavaScript 2022. 8. 2. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 숙제가 주어졌네요. 화면클릭을 한 후 가장 빠르게 클릭한 순서대로 상위 5개를 골라 표시하는 숙제입니다. 이럴 경우 필요한 자바스크립트 명령어를 고민해 봐야 겠습니다. 1. 필요 메소드 복습 우선 상위 5개를 골라서 정렬하기 위해서는 sort( ) 메소드가 필요합니다. 기본형은 sort( (a, b) => {return a - b}); 입니다. 중괄호와 return이 만났기 때문에 생략할 수 있습니다. 결과값을 배열안으로 넣어주기 위해서 push( ) 메소드를 사용합니다. push( ) 메소드는 배열 뒤부터 넣어주는 메소드입니다. 반대로 앞부터 넣어주는 메소드는 unshift( ) 메소드입니다. sort( )메소드는 모집단 배열의 원본을..