728x90
반응형

Front/JS & jQuery 454

[JAVA] Stream은 순서를 지키지 않나요 ?

Java의 Stream API는 순서에 따라 동작할 수도 있고, 그렇지 않을 수도 있습니다.이는 스트림의 유형과 사용한 연산에 따라 달라집니다. 1. Stream의 순서순차 스트림 (Stream)기본적으로 Stream은 소스 데이터의 순서를 유지합니다.예를 들어, List에서 스트림을 생성한 경우, 리스트의 요소 순서가 스트림 연산에서도 유지됩니다.List list = Arrays.asList("A", "B", "C", "D");list.stream() .forEach(System.out::println); // 출력 순서: A, B, C, D병렬 스트림 (parallelStream)병렬 스트림은 데이터의 순서를 보장하지 않을 수 있습니다.여러 스레드를 사용해 데이터를 처리하기 때문에 실행 순서가 ..

Front/JS & jQuery 2025.01.22

[js] swiper 기본 옵션 설명

Swiper는 모바일 및 웹 환경에서 사용할 수 있는 강력한 터치 기반 라이브 클래스입니다.반응형 디자인을 지원하며, 손쉬운 사용자 인터페이스와 다양한 옵션을 통해 갤러리, 카루셀, 배너 등을보호할 수 있습니다. 내장 콘텐츠 로딩, 멀티 슬라이더 및 다양한 애니메이션을 제공하여 사용자를 제공합니다.  Swiper의 기본 초기화var swiper = new Swiper(".swiper-container", { option1: value1, option2: value2, ...});.swiper-container: Swiper를 적용할 HTML 요소의 클래스입니다.옵션 : 슬라이더의 동작을 커스터마이징할 수 있는 설정값입니다. 옵션기본값설명slidesPerView1한 번에 슬라이드 설명. auto로 설..

Front/JS & jQuery 2025.01.16

[js/jQuery] jQuery와 JavaScript의 .map() 차이

JavaScript .map() const numbers = [1, 2, 3];const result = numbers.map((value) => (value % 2 === 0 ? value : null));console.log(result); // [null, 2, null] jQuery .map() const numbers = [1, 2, 3];const result = $.map(numbers, (value) => (value % 2 === 0 ? value : null));console.log(result); // [2]   jQuery는  null, undefined를  제외하고 새로운 배열을 생성하지만, JavaScript는 .map()모든 요소를 ​​포함합니다.

Front/JS & jQuery 2025.01.13

[js] .reduce() 그룹화

JavaScript의 .reduce()메서드는 배열의 모든 요소를 ​​순회하며 하나의 가치를 축약(결합)하는 데 사용됩니다.주로 배열의 요소를 합산하거나 특정 형식으로 변환하는 데 활용됩니다.array.reduce(callback[, initialValue]) const pets = [ { type: "dog", name: "Rex" }, { type: "cat", name: "Fluffy" }, { type: "dog", name: "Spot" },];const groupedPets = pets.reduce((acc, pet) => { (acc[pet.type] = acc[pet.type] || []).push(pet.name); return acc;}, {});console.log(group..

Front/JS & jQuery 2025.01.11

[js] Array.from

Array.from()은 JavaScript에서 **유사 배열 객체(array-like object)**나 **반복 가능한 객체(iterable object)**를 배열로 변환하는 데 사용되는 메서드입니다.Array.from(arrayLike, mapFunction, thisArg) arrayLike: 변환하려는 유사 배열 객체나 반복 가능한 객체입니다. 예를 들어, 문자열, Set, Map, NodeList 등이 될 수 있습니다.mapFunction (선택적): 배열로 변환된 후 각 요소에 대해 실행할 함수입니다.thisArg (선택적): mapFunction에서 this로 사용될 값입니다.주요 특징:유사 배열 객체 변환: 배열처럼 인덱스를 가지지만 배열 메서드를 가지지 않는 객체를 배열로 변환합니다...

Front/JS & jQuery 2025.01.10

[js/jQuery] each 와 for 루프 비교 2

https://imswengineer.tistory.com/1179 { // jQuery 요소에 접근 const $option = $(element); console.log($option.val());});장점jQuery 객체를 다룰 때 편리합니다. ($(element)를 사용해서 바로 jQuery 메서드를 호출 가" data-og-host="imswengineer.tistory.com" data-og-source-url="https://imswengineer.tistory.com/1179" data-og-url="https://imswengineer.tistory.com/1179" data-og-image="https://scrap.kakaocdn.net/dn/FaOa2/hyX0qziFvU/wfBwom..

Front/JS & jQuery 2025.01.09

[js] match

match 함수는 JavaScript 문자열(String) 객체의 메서드로,문자열에서 정규식 패턴과 일치하는 값을 찾고, 그 결과를 배열로 반환합니다.주로 정규식을 사용하여 특정 패턴을 추출하거나 확인하는 데 사용됩니다. string.match(regexp)string: 검색할 대상 문자열입니다.regexp: 정규식(RegExp) 객체 또는 문자열입니다.정규식이 아니고 단순 문자열이면 정확히 일치하는 부분을 검색합니다. 반환값정규식에 일치하는 전체 매칭 결과와 캡처 그룹을 포함한 배열을 반환합니다.배열의 첫 번째 요소는 전체 매칭된 문자열입니다.두 번째 요소부터는 캡처 그룹에 해당하는 값들이 순서대로 들어갑니다.일치하는 값이 없으면 null을 반환합니다. 1. 기본 사용 (전체 일치 결과)const st..

Front/JS & jQuery 2025.01.06
728x90
반응형