채윤이네집

자바스크립트에서 배열 내부의 항목들을 마구 뒤썩어주는 방법을 찾아 보니, 다양한 방법들이 있었는데, 그 중에서 쓸만한 방법들을 정리해 둡니다. 함수로 이용할 때는 다음과 같이 shuffleArray()라는 함수를 만들어서 이용하면 편리할 것 같습니다. function shuffleArray(a){//array let c=a.length;let b=d=c;while(c)b=Math.random()*(--c+1)|0,d=a[c],a[c]=a[b],a[b]=d } 위 함수를 임의의 배열에 적용한 결과는 다음과 같습니다. >> let unshuffled = ['hello', 'a', 't', 'q', 1, 2, 3, {cats: true}] >> unshuffled (8) ['hello', 'a', 't', '..

자바스크립트로 날짜 문자열을 "YYYY-MM-DD hh:mm:ss" 형식으로 만드는 방법을 정리해 둡니다. "Date" 클래스의 getFullYear(), getMonth, getDate() 가장 쉬운방법으로 "Date" 클래스의 getFullYear(), getMonth, getDate() 함수를 이용하면 다음과 같이 "YYYY-MM-DD" 문자열을 만들 수 있습니다. let current_date = new Date() let current_date_string = current_date.getFullYear() + '-' + (current_date.getMonth() + 1) + '-' + current_date.getDate() // Result // 2022-8-2 위와 같이 수행하면 10이하..

개요 CanvasRenderingContext2D.arc() 함수에 대하여 알아 보겠습니다. 기본 사용법 CanvasRenderingContext2D.arc() 함수는 다음과 같이 2가지 형태로 이용할 수 있습니다. arc(x, y, radius, startAngle, endAngle) arc(x, y, radius, startAngle, endAngle, counterclockwise) 각 파라미터가 의미하는 것은 다음 그림과 같습니다. x : 수평측 좌표 y : 수직평측 좌표 radius : 호의 반지름 startAngle : 호의 시작 각도 (라디안 값) endAngle : 호의 끝 각도 (라디안 값) counterclockwise : 반시계 방향으로 그릴지에 대한 여부 90도 호 그리기 다음은 간..

자바스크립트에서 날짜를 "yyyy-mm-dd hh:MM:ss" 형식으로 출력하는 방법으로 많이 알려진 방식은 아래와 같습니다. function timestamp(){ function pad(n) { return n

특정 숫자에 천단위 마다 콤마를 넣기 위하여 다음 정규표현식을 이용하면 간단하게 해결된다. 아래와 같이 하면, 정수형에 대해서는 아무런 문제가 발생하지 않으나, 소수점이 있는 실수형의 경우에는 오류가 발생하게 된다. function toCommaString( number ) { var regexp = /\B(?=(\d{3})+(?!\d))/g; return number.toString().replace( regexp, ',' ); } 그래서 아래와 같이, 정수형과 실수형을 구분하여 함수를 만들어서 사용한다. function toCommaStringF( number ) { var number_string = number.toString(); var number_parts = number_string.spl..