숫자

[JS] 숫자를 한글로 표시하기

GitHub - hyukson/hangul-util: 한글 관련 자바스크립트 유틸 라이브러리입니다. 한글 관련 자바스크립트 유틸 라이브러리입니다. Contribute to hyukson/hangul-util development by creating an account on GitHub. github.com 'hangul-util' 라이브러리 코드를 기반으로 작성된 포스트입니다. formatNumber(123456789); // 1억 2345만 6789 formatNumberAll(123456789); // 일억 이천삼백사십오만 육천칠백팔십구 예제 코드 See the Pen formatNumber by hyukson (@hyukson) on CodePen. 4자리 대상 (전체코드) 더보기 const th..

[JS] 소수점 계산 오차 해결

원인 컴퓨터에서 계산을 할 때는 10진수 대신에 0과 1만을 사용하는 2진수로 계산합니다. 0과 1만을 사용하여 계산하기에 10 진수를 2진수로 바꾸는 변환과정이 필요합니다. 이때 컴퓨터 메모리에 존재하는 한계로 인해서 연산 중 발생한 무한소수의 중간을 잘라서 유한 소수로 저장해 버립니다. 이 과정에서 미세한 오차가 발생하는 것입니다. 첫 번째 방법 Number((0.2 + 0.4).toFixed(1)) // 0.6 Math.round((0.2 + 0.4) * 10) / 10; // 0.6 Number.toFixed(n) → 소수점 n자리까지 반올림 Math.round((a + b) * 10) / 10 → 소수점 첫째 자리까지 반올림 toFixed() 메서드는 문자열로 반환되기에 Number로 감싸서 숫..

[HTML] 제곱, 화학식 표현하기

코드 예제 See the Pen HTML sup, sub Tag by hyukson (@hyukson) on CodePen. 위에 붙여서 표현하는 , 태그 아래에 붙여서 나타나는 태그가 존재합니다. 코드 x2 =64 5th 태그를 사용해면 일반 텍스트보다 작은 글자가 위에 표시됩니다. x1 ... x2 5n+2 H2 O2 H2O 태그를 사용해면 일반 텍스트보다 작은 글자가 아래에 표시됩니다. 타이포그래피적인 이유에 맞춰서만 사용해야 하며, 그 외는 vertical-align: (super, sub) 속성으로 대신할 수 있습니다. 참고자료 https://developer.mozilla.org/ko/docs/Web/HTML/Element/sup : 위 첨자 요소 - HTML: Hypertext Markup ..

[JS] 연속된 순서를 가진 숫자, 영문 체크하기

A가 3번 들어간 문자를 찾는 방법은 정규식을 이용하면 간단한 코드로 체크할 수 있습니다. const a = "AAAbbCC"; a.match(/[A-z]{3}/); // AAA 하지만 ABC 처럼 연속되는 순서를 가진 영문을 체크할 수 없습니다. const str = "1234"; // 예시 const chrStr = [...str].map(v => v.charCodeAt()); let preStr = 0; let chr = 0; chrStr.forEach(s => { if (Math.abs(preStr - s) == 1) { chr++; } preStr = s; }) console.log(chr); // 3 문자의 unicode 코드로 이전의 문자값의 차로 구분하는 코드입니다. 함수화 시킨 코드 파라..