Javascript, jQuery (4) 썸네일형 리스트형 react-vis-timeline 'isDataViewLike' 설치 오류 해결방법 react-vis-timeline 설치 오류 해결방법 vis-data를 찾을 수 없다는 오류와 'isDataViewLike'를 export할 수 없다는 경고... 딥빡 stackoverflow를 뒤져본 결과 vis-data 의 버전이 문제라는 것을 확인했다. https://github.com/razbensimon/react-vis-timeline/issues/3 Running the examples · Issue #3 · razbensimon/react-vis-timeline Overview Failure to compile examples Error message: ./node_modules/vis-timeline/esnext/esm/vis-timeline-graph2d.js Attempted impo.. [jQuery] 변화량의 증가/감소에 따라 아이콘 다르게 구현하기 안녕하세요 주갬입니다. 오늘은 변화량을 표현할 때 다양하게 활용할 수 있는 간단한 코드를 들고 왔습니다. VOD 데이터는 저번 달 대비 190%가 늘었고 AUTH데이터는 저번 달 대비 33%가 줄었음을 강조하기 위해 색깔과 화살표 모양을 달리해주었습니다. JQuery를 이용하여 이를 구현할 수 있습니다. 1. 주어진 데이터 변화량 계산 저는 저번 달과 이번 달을 비교했기 때문에 다음과 같은 식으로 변화량을 계산했습니다. ('이번 달 값' - '저번 달 값') / '저번 달 값' * 100 = '변화량' / '저번 달 값' *100 = 변화된 % 여기서 '저번 달 값' 이 0이면 Division by zero가 발생하기 때문에 조건문을 이용해 예외처리를 해주어야 합니다. //PHP if($VODLastWe.. [DC.js] bar Chart 사용법 정리 및 설명 1. CDN 삽입 jQuery, dc.js, crossfilter CDN 다운 2. barChart 객체 생성 var chart = dc.barChart("#test"); 바 차트를 그려주는 barChart 객체를 생성 후 id="test"인 요소에 해당 차트를 생성해준다는 명령입니다. 3. 데이터를 crossfilter로! Crossfilter is a library for multidimensional filtering and aggregation of tabular data. Crossfilter는 데이터를 다차원으로 바꾸어주고 테이블형식으로 데이터를 통합해주는 자바스크립트 라이브러리입니다. var ndx = crossfilter(testdata), 저는 testdata를 컨트롤러에서 넘겨준 2차원.. [ajax] 요소 선택시 $(this) 선택 안될 때 안녕하세요 주갬입니다. 오늘은 jQuery를 이용할 때 유용하게 사용할 수 있는 $(this)가 안먹을 때의 해결방법에 대해 말씀드리려고 합니다. 위 사진에는 같은 클래스명을 가진 DELETE버튼이 여러개 생성되어 있습니다. 이처럼 같은 클래스명인 요소들에 하나씩 접근하는 경우, jQuery의 $(this)로 원하는 요소에 접근하여 각종 명령을 수행하게 됩니다. 하지만 ajax에서 그냥 $(this)를 쓰면 인식을 못하는 경우가 있습니다. 댓글 삭제 기능을 만들던 중 DELETE버튼을 누르면 댓글 전체를 지우는 작업을 해야했고 $(this).closest('.media-body'); 를 통해 delete버튼을 누르면 가까이 있는 'media-body'인 요소를 찾아 지우려 했지만 $(this)가 먹지 않.. 이전 1 다음
