JavaScript 16

[JavaScript] map() 메서드 사용방법 및 활용 예제

JavaScript의 map() 메서드는 배열의 모든 요소에 대해 함수를 호출하고, 그 결과를 새로운 배열로 반환하는 매우 유용한 배열 메서드입니다. map() 메서드는 기존 배열을 변경하지 않고, 각 요소를 변형한 결과를 새 배열로 반환합니다.문법array.map(function(currentValue, index, array) { // return element for new array}, thisArg);currentValue: 배열에서 현재 처리되고 있는 요소입니다.index (선택 사항): 현재 처리되고 있는 요소의 인덱스입니다.array (선택 사항): map() 메서드를 호출한 배열입니다.thisArg (선택 사항): 콜백 함수 내부에서 this로 사용할 값입니다.특징map()은 새로운 배..

Develop 2024.09.24

[Javascript] 스크롤 div 밑에 영역 감지해서 이벤트 발생시키기

화면에서 특정 div 영역에서 상품들이 나열되어 있을 때 추가로 상품을 append 해야 하는대 스크롤이 해당 상품 리스트 영역의 하단에 왔을 때 이벤트를 발생시켜서상품을 추가하고 싶을 때 사용 영역들이 여러개 존재할 수 있고 유동적으로 생성될때도 적용할 수 있게 구성data-prdappendyn="N" 는 추가적으로 더 이벤트를 발생시킬지 여부를 판단. 상황에 따라 추가할 내용이 없으면 값을 변경 ... 상품들 ... ... 상품들 ... ... 상품들 ..

Develop 2024.09.06

[Javascript] html 테이블을 엑셀 다운로드 하기

▶ SheetJS 라이브러리 [xlsx.full.min.js 다운로드 이용]https://www.cdnpkg.com/xlsx/file/xlsx.full.min.js/?id=78603 XLSX.FULL.MIN.JS: DOWNLOAD - CDNPKGxlsx.full.min.js is available in 105 versions of xlsx. 0.15.6 0.15.5 0.15.4 0.15.1 0.15.0 0.14.5 0.14.4 0.14.3 0.14.2 0.14.1 0.14.0 0.13.5 0.13.4 0.13.3 0.13.2 0.13.1 0.13.0 0.12.13 0.12.12 0.12.11 0.12.10 0.12.9 0.12.8 0.12.7 0.12.6 0.12.5 0.12.4 0.12.3 0www.c..

Develop 2024.08.30

[JAVA] List 형식의 Json string 을 Java List Model 로 파싱

Javascript스크립트에서 form 에 오브젝트 형태의 배열값을 JSON.stringify 을 이용해 String 형태로 값을 보냅니다var trnItmInfrList = new Array();$(".trnItmListObj").each(function (index){ var trnItmInfr = { trnItmNm : $(this).find('input[name="trnItmNm"]').val() , trnItmAmt : $(this).find('input[name="trnItmAmt"]').val() } trnItmInfrList.push(trnItmInfr);});formData.append('trnItmInfrList', JSON.stringify(t..

Develop/JAVA 2024.08.26

javascript 함수 return false 로 종료가 되지 않고 계속 진행될때

등록 함수를 코딩할 때 유효성 체크를 하기 위해 화면에 입력된 값을 체크하는 경우 자주 발생할 수 있습니다.함수내에 jquery 의 each() 함수가 있을 경우 return false 를 올바르게 사용해야 합니다. 잘못된 예아래와 같은 예제 소스가 있다고 가정할 때 유효성 체크하는 함수 내에 each 로 수량 체크를 하고 있습니다. 이때 each 내에 있는 return false 는 each 를 중단하는 break 역활을 할 뿐이고 함수를 멈추는 것은 아닙니다. // 등록 function fn_promInfrSave(){ // 유효성 체크 if (!fn_validation("promInfrSave")){ return false; } } // 유효성 체크 function fn_validat..

Develop 2024.08.12