본문 바로가기

프론트엔드/JavaScript56

배열 함수 예제 (forEach, includes, indexOf, findIndex, find) 1. forEach선언된 배열을 길이만큼 반복하여 콜백함수를 호출 한다.let arr1 = [1,2,3];arr1.forEach((item, idx, arr) => { console.log(item, idx, arr)});// 배열에 데이터 삽입let doubleArr = [];arr1.forEach((item) => { doubleArr.push(item*2);})console.log(doubleArr); 2. includes찾고싶은 값을 매개변수에 입력하면 해당 값이 존재하는지 확인하여 boolean(true(있을 경우) / false(없을 경우))값으로 반환et arr2 = [1,2,3];let isInclude = arr2.includes(2); // true / false 반환console.. 2024. 7. 28.
현재 브라우저 활성화 여부 체크 방법 https://developer.mozilla.org/ko/docs/Web/API/Document/visibilityState#%EB%AA%85%EC%84%B8%EC%84%9C Document.visibilityState - Web API | MDN Document.visibilityState 읽기 전용 property로, 이 element가 현재 표시된 컨텍스트를 나타내는 document의 가시성을 반환합니다. document가 background 또는 보이지 않는 탭(다른 탭)에 있는지, 또는 pre-rendering을 developer.mozilla.org document.addEventListener("visibilitychange", () => { console.log(document.visib.. 2024. 4. 4.
Uncaught ReferenceError: $ is not defined 에러 처리 ajax 처리를 위해 코드를 작성하였는데 아래와 같은 에러 코드가 발생하였다. $.ajax({ url:"/login/login", type:"POST", data:JSON.stringify(params), contentType: "application/json", success: function(result) { if (result) { alert("저장되었습니다."); } else { alert("잠시 후에 시도해주세요."); } }, error: function() { alert("에러 발생"); } }) 원인: jquery 선언을 위에 안해주었기 때문에 발생 jquery cdn을 검색하여 코드에 추가해준다. https://releases.jquery.com/ jQuery CDN The integri.. 2022. 7. 17.
datepicker 달력으로만 입력 가능, 초기화 버튼, 한글 표시 입력란 생성 ~ 초기화 버튼 및 한글 표시, 해당 input type 속성을 readonly로 설정하기 위해 브라우저를 실행하자 마자 아래 코드 동작 $(function() { window.onload = function cleanDatepicker(){ //alert('aaaa'); // clear 버튼 생성 var old_fn = $.datepicker._updateDatepicker; $.datepicker._updateDatepicker = function(inst) { old_fn.call(this, inst); var buttonPane = $(this).datepicker("widget").find(".ui-datepicker-buttonpane"); $("clear").appendTo(bu.. 2022. 3. 25.
js 테이블 체크박스 데이터 한번에 전송하는 방법 - ajax로 배열 controller로 전송하여 VO에 담기 HTML의 각 태그 데이터를 선택자를 이용하여 변수에 담은 후 배열에 저장한다. 그 후 ajax를 통해 배열 데이터를 전송 function order(flag) { var isAdmin = ; var url = "/dit/apps/array123.nr"; var num_check=/^[0-9]*$/; var data = new Object(); var rowData = new Array(); var tdArr = new Array(); var checkbox = $("input[name=select]:checked"); // 인수확인버튼 클릭할때에만 메일번호 생성 /* if(flag == "a2"){ var mailNum = get_MailNum(); }*/ //alert('메일번호: ' + mailNu.. 2022. 3. 23.
ajax예제 ajax를 사용할 함수 생성 async속성을 false로 주는것이 중요 function MAIL_NUM(){ var num; $.ajax({ type: 'post' ,url: "/???/???/mailnum.nr" ,dataType: "text" ,async: false ,success: function(data, status){ num = data; } }); return num; } 서버쪽 코드 작성 ResponseBody 어노테이션을 적용해주는것이 중요!! @RequestMapping(value = "/???/???/mailnum.nr") @ResponseBody public Integer ProductMail(HttpServletRequest request, @RequestParam Map par.. 2021. 11. 18.