본문 바로가기

javascript

 (78)
ajax 에러 : SyntaxError: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL url:...json error: SyntaxError: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL url:.....json 이런 에러가 났다!!원인은 주소가 다를 것이다!!난 요청하는 URL 주소 앞에 슬러시 '/' 를 앞에다가 붙여주니까 해결 됨.... 예를 들면 원래 작성한 것은 gtList/list.json 이었다면... /gtList/list.json 이런식의 차이였음.참고 : https://velog.io/@solda/%EB%B3%B4%EC%9D%B4%EB%8A%94-URL%EA%B3%BC-%EC%A7%84%EC%A7%9C-URL 보이는 URL과 진짜 URL백엔드를 맡고 있는 학교 동기와 프로젝트를 진행하고 있는데 프론트엔드 입장에서 자바 스프링이 제공해..
js filter map을 사용한 코드 예제 js에서 열심히 작성했는데, 결국 java에서 처리하게 되었음. 혹시 몰라서 코드 냄겨놓기 c_TYPE: function(data){ let isDrctType = data.filter(x => x.DRCT_TYPE === 1 ); console.log('isDrctType ::: ', isDrctType); if( isDrctType.length === 0 ) console.log('isDrctType : 0이네요 ', isDrctType); return ; console.log("cmr_DRCT_TYPE [1] data : ", data); const result = data.map(item => { const ne..
모던 자바스크립트 Depp Dive 16장 정리 데이터 프로퍼티와 접근자 프로퍼티 16.1 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 구현 알고르짐을 설명하기 위해 ECMAScript 사양에서 사용하는의사 프로퍼티(pseudo property)와 의사 메서드(pseudo method)이다.ECMAScript 사양에 등장하는 이중 대괄호 [[ ... ]] 로 감싼 이름들이 내부 슬롯과 내부 메서드다.개발자가 직접 전근할 수 있도록 외부에 공개된 객체의 프로퍼티가 아니다.자바스크립트의 엔진의 내부 로직이므로 원칙적으로는 직접 전근하거나 호출할 수 있는 방법을 제공하지 않는다. 단 일부에 한하여 간접적으로 접근 할 수 있는 수단을 제공한다. 예를들어,  모든 객체는 [[Prototype]] 이라는 내부 슬롯(pseudo property)을 갖는다. __proto__를 통해 간접적으로 접..
js confirm '취소'버튼에 메소드 걸었다가 시간낭비 자바 스크립트에서 confirm 사용중인데, 테스트하려고 '취소'버튼 눌렀을 때, 메소드가 실행되게 해놨다.왜냐면 '확인'버튼 눌렀을 때 실행하는것 + insert 메소드 실행하면 대략 15분 정도.... 데이터가 자동으로 insert되는 프로그램을 짰기 때문이다!!  데이터가 어마어마어마하게 많아서..  10분이상 걸린다.. 그래서 하나라도 줄일려고 테스트 한답시고 '취소'버튼 눌렀을 때 메소드 실행되게 해놨더니... 일단 JAVA까지 들어가서 mybatis 까지 들어가서 쿼리도 잘 실행되고 너무너무 잘 되긴 됐다.if( confirm("데이터를 반영하히겠습니까?") ){ .... // ms.insert(); ....} else { ms.insert();} 대략 이런식...  근데 문제는..
자바스크립트 세미콜론 세미콜론 ( ; )은 문의 종료를 의미. 즉, 자바스크립트 엔진은 세미콜론으로 문이 종료한 위치를 파악하고 순차적으로 하나씩 문을 실행한다. 문을 끝내려면 세미콜론을 붙여야 한다. 단, 0개 이상의 문을 중괄호로 묶은 코드 블록 ( { ... } ) 뒤에는 세미콜론을 붙이지 않는다. if문, for문, 함수 등의 코드 블록 뒤에는 세미콜론을 붙이지 않는다. 코드 블록은 언제나 문의 종료를 의미하는 자체 종결성(self closing)을 갖기 때문이다. 세미콜론은 생략 가능하다. 자바스크립트 엔진이 소스코드를 해석할 때 문의 끝이라고 예측되는 지점에 세미콜론을 자동으로 붙여주는 세미콜론 자동 삽입 기능(ASI ; automatic semicolon insertion)이 암묵적으로 수행되기 때문이다. 하지만..
jquery prop 사용할 때 selectbox의 첫번째 option을 선택하고자 한다. prop 메소드를 사용하고자 할 때. ( option 을 선택하면 chage가 실행된다.) 1번 $('#selectList option:first').prop("selected", true).trigger("change"); 2번 $("#selectList").prop("selectedIndex", 0).trigger("change"); 2가지 방법이 있을 때, 1번보다 2번이 명확하게 잘 실행이 됐다. prop에 대한 공식 : https://api.jquery.com/prop/ .prop() | jQuery API Documentation Description: Get the value of a property for the first elem..
제이쿼리 데이트피커 사용법 활용 제이쿼리 데이트피커 사용법 활용 let date = $("#from36").val().split("."); date[1] = date[1] - 1; let formattedDate = new Date(date[0], date[1], date[2]).toLocaleDateString("ko-KR", {year: "numeric", month: "2-digit", day: "2-digit"}); $("#to36").val(formattedDate); $("#to36").datepicker({ setDate:"0", dateFormat:"yy-mm-dd", }); 옵션 참고 : https://www.nextree.co.kr/p9887/ jQuery: 참 편리한 날짜선택 위젯- datepicker 웹 페이지를 ..
타블레이터 index 필요할 때 getIndex() 타블레이터에서 index가 필요한 순간이 있다. getData()는 말그대로 데이터만 가져오기 때문에 초기에 타블레이터 테이블을 만들 때, index를 지정해주고, rowSelected 할 때, getIndex()로 불러올 수 있다! odAn.grid1 = new Tabulator('#gridTest',{ placeholder:"데이터를 불러오는 중입니다", layout:"fitDataStretch", index: "R_ID", initialSort:[ {column:"R_NAME", dir:"asc"}, ], columns: [ { field: "R_ID", title: "R ID", width: "42%", sorter:"number",}, { field: "R_NAME", title: "R 명", ..

티스토리툴바