[js][Echarts] x축 라벨 위치 조정 / margin xAxis: { type: 'category', data: ['전문전시회', '문화이벤트', '국내외 컨벤션', '로케이션'], axisLabel: { rotate: 10, // 레이블을 10도 기울임 margin: 20, // 레이블과 축 간의 거리 조정 }}, Front/JS & jQuery 2025.01.30
[js][Echarts] label 위치 세부 수정 / offset position: 'right'로 설정했을 때 기본적으로 레이블은 프린터의 연결 표시입니다.라벨을 더 오른쪽으로 이동하려면 offset속성을 추가하여 위치를 확보할 수 있습니다.offset은 [x, y]형식의 배열 값을 무시하고,첫 번째 값은 x축 방향(가로) 이동 거리, 두 번째 값은 y축 방향(세로) 이동 거리를 의미합니다.양수 값은 오른쪽/아래로, 음수 값은 왼쪽/위로 이동합니다. Front/JS & jQuery 2025.01.29
[js][Echarts] label 위치 수정 / position ECharts에서 label위치를 조정하려면 series옵션 label에서 position속성을 설정하면 됩니다.position값에 따라 슬라이더가 내부, 외부 또는 시작/끝 위치에 배치됩니다. position 옵션 종류Followings are the options:[x, y] // Absolute pixel values position: [10, 10], // Relative percentage position: ['50%', '50%']Use relative percentage, or absolute pixel values to represent position of label relative to top-left corner of bounding box. For example:'t.. Front/JS & jQuery 2025.01.28
[js][Echarts] 가로 bar 차트에서 y 축 데이터 순서 변경하는 법 / inverse yAxis: { type: 'category', data: yAxis, inverse: true, }, yAxis 옵션에inverse: true 추가 Front/JS & jQuery 2025.01.27
[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
[jQuery] 문자열 합치기 템플릿 리터럴 사용var str1 = "Hello";var str2 = "World";var result = `${str1} ${str2}`; // 템플릿 리터럴 사용console.log(result); // "Hello World" Front/JS & jQuery 2025.01.18
[js] .find() JavaScript (배열)이 .find()메서드는 주어진 조건을 만족하는 배열의 첫 번째 요소를 반환합니다.array.find(callback(element, index, array), thisArg); const numbers = [10, 20, 30, 40];const found = numbers.find(num => num > 25);console.log(found); // Output: 30 Front/JS & jQuery 2025.01.17
[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
[jQuery] $.grep() $.grep()메서드는 배열의 특정 조건에 맞는 요소만 반환할 때 사용됩니다. var arr = [1, 2, 2, 3, 4, 4, 5];var uniqueArr = $.grep(arr, function(value, index) { return arr.indexOf(value) === index;});console.log(uniqueArr); // [1, 2, 3, 4, 5] Front/JS & jQuery 2025.01.15
[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