728x90
반응형

Front 562

[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

[jQuery] $.map으로 배열 평탄화하기

let nestedArray = [[1, 2], [3, 4], [5, 6]];let flatArray = $.map(nestedArray, function(innerArray) { return innerArray; // 중첩 배열을 평탄화});console.log(flatArray); // [1, 2, 3, 4, 5, 6]   1. 한 단계 평탄화 let nestedArray = [1, [2, 3], [4, [5, 6]]];// 한 단계만 평탄화let flatArray = $.map(nestedArray, function(value) { return value; // 중첩된 배열은 그대로 반환});console.log(flatArray);// [1, 2, 3, 4, [5, 6]] 2. 모든 단..

Front/JS & jQuery 2024.12.05
728x90
반응형