본문 바로가기

js

 (28)
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();} 대략 이런식...  근데 문제는..
Tabulator와 Chart.js 활용시, Chart.js 데이터를 Tabulator에 넣는 방법. Chart.js를 활용하여 차트를 먼저 만들어 놨는데, Tabulator를 추가할 일이 생겼다. 데이터를 처음부터 다시 가공하기 보다는 만들어 놓은 chart 데이터를 조금만 변형하면 되겠다. Chart.js에서 사용중인 데이터는 다음과 같다. ChartData : {"date":["2023-10-05 12:45:00","2023-10-05 13:00:00","2023-10-05 13:15:00","2023-10-05 13:30:00"],"TRF":[253,256,274,249],"WD_TRF":[268,261,275,274],"YD_TRF":[268,261,275,274],"PDST":[54,45,96,101],"WD_PDST":[58,25,74,101],"YD_PDST":[58,25,74,101],"..
Chart.js에서 차트 update할 때, 왜 함수로 makeMixedChart를 만들어 놨고, 함수호출해서 MixedChart 생성후에 필요한 옵션을 그때그때 추가하면서 update하는 식인데... 오늘 처음 안 사실.. 1번처럼 하면 안먹혔다. 2번처럼 하면 먹힌다. 함수를 안만들고 그냥 new해서 바로바로 할 때는 또 된다.. //1번 적용안됨. //mainMixedChart.chartNM.options = {plugins:{legend:{display:false}}, datalabels: { display: false }}; //2번 mainMixedChart.chartNM.options.plugins.legend = {display: false }; mainMixedChart.chartNM.options.plugins.datalabels =..
js 객체안에 프로퍼티 출력 방법 자바스크립트... 객체 안에 넣은놈들을 확인하고 싶다.. 어떻게 했더라? 엥? 기억이 안나...!!!! js 객체안에 프로퍼티 출력 방법! 친절한 블로그를 만났다!! 감사!! https://jigeumblog.tistory.com/70 Javascript] 객체의 key(프로퍼티 이름), value(프로퍼티 값) 출력하기 1. Object.keys - 특정 객체의 프로퍼티를 출력하기 const newStudent = { "1.name" : "jinee", "2.age" : 26, "3.class" : "A", "4.number" : "23", "5.birthday" : "1997-04-01", "6.emailAddress": "jinee@google.com", "7.phoneNumber": "010-12..
svg fill을 javascript로 변경하기 프로젝트에 아이콘 이미지를 png로 사용 중이었는데, 상태가 normal과 hover 2가지이다. 그렇다보니 모든 아이콘 이미지가 2개씩 있다. 그냥 뭐 그대로 해도 되는데.. 이번에 내가 맡은 부분에서는 svg 파일 하나로 컨트롤을 해보고 싶었다. svg 파일을 이미지로 사용하면 마우스 오버 했을 때, fill을 변경 할 수가 없어서 자바스크립트로 했다. css background image로 해도 마찬가지로 fill을 변경 할 수 없었다. // pu_btn 마우스 오버 function handleHover(button) { const svgPath = button.getAttribute("data-svg-path"); const svgDiv = button.querySelector("div"); co..
타블레이터 tabulator 검색 기능 filter HTML 삽입 미리보기할 수 없는 소스 타블레이터 tabulator에서 검색기능을 이용하고 싶을 때! search가 아니라 filter라는 점.. .!! 코드펜에 작성한 부분은 공식 문서 보고 대략적으로 보이게끔 만든 것이고... 아래는 실제 적용했던 코드 일부를 가져옴 !! JS : $(function(){ mainApp.init(); }); //일부 복붙. const mainApp = { init: function(){ document.getElementById("filter-value").addEventListener("keyup", this.crsrdFilter); , crsrdFilter: function(){ const valueEl = document.getElementById("filter..

티스토리툴바