728x90
반응형

Front/JS & jQuery 454

[js] JavaScript에서 정수끼리의 곱셈 처리 방법

JavaScript에서 정수끼리의 곱셈이라도 부동소수점 연산 특성상소수점 계산이 발생할 수 있습니다. 정확한 정수 연산이 필요하다면 BigInt를 사용하거나결과를 명시적으로 처리하는 방법을 고려하세요. 결과를 정수로 강제 변환곱셈 결과가 미세하게 어긋날 경우 Math.round, Math.floor, Math.ceil 등을 사용해 정수로 처리할 수 있습니다.const result = 0.1 * 0.2;console.log(Math.round(result)); // 0정수 범위를 유지정수 계산에만 집중한다면, 값을 BigInt로 처리할 수 있습니다.const bigIntResult = BigInt(999999999) * BigInt(999999999);console.log(bigIntResult); // ..

Front/JS & jQuery 2024.12.20

[js] 두 개의 정수를 곱했음에도 결과가 소수점으로 계산되는 경우

주요 원인부동소수점 연산의 특성JavaScript는 정수를 포함한 모든 숫자를 부동소수점으로 처리합니다. 이로 인해 정수 연산에서도 미세한 오차가 발생할 수 있습니다.암묵적 형변환두 값이 정수라고 생각했지만, 실제로는 소수점 숫자(float)가 포함된 경우 문제가 발생할 수 있습니다.예를 들어, 5와 3.0처럼 정수와 부동소수점 값이 섞여 있다면 결과가 부동소수점으로 나올 가능성이 있습니다.큰 숫자 연산JavaScript에서 정확히 표현할 수 있는 정수는 -(2^53 - 1)에서 2^53 - 1 사이에 제한됩니다. 이 범위를 벗어난 숫자를 곱하면 정확도를 잃고 소수점 결과가 나올 수 있습니다.

Front/JS & jQuery 2024.12.19

[jquery] Object.assign() 와 $.extend 차이

Object.assign()과 $.extend는 둘 다 객체를 병합하는 기능을 제공합니다.하지만 동작 방식, 사용법, 그리고 몇 가지 세부 사항에서 차이가 있습니다. 아래는 그 차이를 정리한 내용입니다. 1. Object.assign()특징ES6 표준으로 도입된 자바스크립트의 내장 함수.원본 객체를 수정하지 않고 새 객체를 반환하거나, 대상 객체를 직접 수정할 수 있음.얕은 복사(shallow copy)만 지원.배열 및 기타 객체 타입도 복사 가능하지만, 중첩된 객체는 복사하지 않음.const target = { a: 1 };const source = { b: 2, c: 3 };const result = Object.assign(target, source); // target 객체에 source 속성 추..

Front/JS & jQuery 2024.12.16

[js] Dropzone 동일한 파일을 두 개의 API에 전송

Dropzone.js를 사용하여 파일을 업로드할 때, 동일한 파일을 두 개의 API에 전송하는 것은 가능합니다.이를 구현하려면 Dropzone의 이벤트를 활용하여 파일 업로드를 커스터마이징해야 합니다.아래는 기본적인 방법입니다. 구현 방법Dropzone 설정: Dropzone 인스턴스를 생성할 때 파일 업로드 동작을 수정합니다.두 API로 파일 전송: success 또는 addedfile 이벤트 핸들러를 사용하여 파일이 추가되었을 때 다른 API로도 전송합니다.

Front/JS & jQuery 2024.12.15

[js] every()

Array.prototype.every()배열의 모든 요소 가 응답을 만족하는지 확인하는 방법입니다.모든 요소가 만족스럽다면 true만족하고, 하나라도 만족하지 않을 false것을 반환합니다.배열의 요소들이 특정 조건을 확인하는지 전체적으로 검토할 때 유용합니다. const numbers = [2, 4, 6, 7];// some()은 하나라도 조건을 만족하면 trueconst hasEven = numbers.some(num => num % 2 === 0); // true// every()는 모든 요소가 조건을 만족해야 trueconst allEven = numbers.every(num => num % 2 === 0); // false

Front/JS & jQuery 2024.12.09

[js] 재귀함수로 배열 평탄화 2

이 방식은 while루프와 Array.prototype.some() 방법을 결합하여 배열을 평탄화function flatten(arr) { while (arr.some(el => Array.isArray(el))) { arr = [].concat(...arr); } return arr;}let nestedArray = [1, [2, 3], [4, [5, 6]]];let flatArray = flatten(nestedArray);console.log(flatArray);// [1, 2, 3, 4, 5, 6] Array.prototype.some():배열 요소 중 하나라도 조건( Array.isArray(el))을 만족하면 true반환합니다.즉, 현재 배열에서 배열이 확인되는지 ..

Front/JS & jQuery 2024.12.08
728x90
반응형