javascript (78) 썸네일형 리스트형 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.. Chart.js 라인차트에 배경색 넣는 방법 블로그 글 모음 https://blog.vanila.io/chart-js-tutorial-how-to-make-gradient-line-chart-af145e5c92f9 Chart.js Tutorial — How To Make Gradient Line Chart Chart.js is a JavaScript library that allows you to create beautiful charts to represent different types of statistics. It is based on… blog.vanila.io https://www.chartjs.org/docs/latest/charts/area.html#filling-modes Area Chart | Chart.js Area Chart Both line.. jquery toggle 탭 버튼 만들기 제이쿼리 토글 탭 버튼 만들기. 아주 다양한 방식이 존재하지만... 오늘은 이렇게 만들어 봤다! $('.btn > div').click(function(){ const classNameIs = $(this).attr('class'); // 클래스 이름으로 패널 const panelSelector = '.panel' + classNameIs.charAt(0).toUpperCase() + classNameIs.slice(1); // 선택한 패널의 토글, 형제요소 숨기기 $(panelSelector).toggle(0, function(){ $(this).siblings().css("display","none"); }); }); HTML 마크업된 부분의 이름을 가져와서 만들어주는게 포인트다. 결과 : HTML .. 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.. 제이쿼리 $(this) $('this') 어? 왜 안되지? $('this') 이렇게 써서 안되었던 것임.. 오랜만에 제이쿼리를 썼다고하기에는.... 어처구니 없는 실수였다. 따옴표 빼야함!! 나같은 사람이 있나 싶어서 검색해봄. 참고 : https://stackoverflow.com/questions/12712030/this-vs-this-in-jquery $(this) vs $('this') in jquery What's the difference between $(this) vs $('this') in jquery ? stackoverflow.com 자바스크립트 상수 선언 const시 대문자 사용에 대해 각개전투인듯 함께 개발하는 우리들... 내가 맡은 부분에 const로 선언한 상수 네임을 대문자로 사용하고 있었는데, 저녁시간에 그동안 내가 작성한 코드를 읽다가, 무언가, 어딘가.. 일관성이 없어 보였다. 단지 지식+경험 부족으로 코드가 지저분해서일까? const마다 대문자를 사용해서일까? 아직도 여전히 쪼렙이라 긴가민가하여 " 상수 대문자 " 검색했다! 좋은 글이 있어서 링크를 걸어본다! 언젠간.. 다시 읽어 보겠지 생각하며... ( 좋은글 감사... 많이 배워갑니다.. ) 코드를 다시 수정하러....... https://ko.javascript.info/variables 변수와 상수 ko.javascript.info https://velog.io/@sssssssssy/javascript-%EC%99.. 타블레이터 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.. 이전 1 2 3 4 5 6 ··· 10 다음