본문 바로가기

JavaScript/React20

[ECMAScript6] get max number in list 리스트에서 가장 큰 값을 가져오기 위해서는 Math 함수를 이용하면 쉽게 구현할 수 있다. // in ECMAScript6 let max = Math.max(...arr); 2016. 12. 28.
[React] window.print window.print() 함수를 사용하면 브라우저를 쉽게 인쇄할 수 있다. window.print() 는 기본적으로 document.body.html 을 바라보기 때문에 만약 어떠한 영역을 인쇄하고 싶다면 html 값을 변경해 줘야 한다. 기본 윈도우 사용 in React let ReactDOM = require('react-dom'); ... printFunc = () => { var printContents = ReactDOM.findDOMNode(this.refs.printArea).innerHTML); var originalContents = document.body.innerHTML; document.body.innerHTML = printContents; windows.prin.. 2016. 11. 30.
[React] jspdf, jspdf-autotable Pdf 다운로드를 위한 라이브러리이다.npm 으로도 제공해 주니 node.js 를 사용한다면 npm으로 설치해 주도록 한다. jspdf 는 기본적인 pdf를 만들어주는 라이브러리이며, jspdf-autotable은 테이블을 pdf로 만들 때 사용된다.설치$ npm install jspdf$ npm install jspdf-autotable # table 저장시에만 설치 사용법jspdf 를 사용하는 방법은 간단하며 검색을 통해 쉽게 찾을 수 있다. jspdf-autotable 이 jspdf 기반으로 되기 때문에 jspdf-autotable을 기준으로 설명하겠다. let Pdf = require('jspdf'); let PdfAutoTable = require('jspdf-autotable'); ... va.. 2016. 11. 29.
[ReactJS/ECMA6] Arrow 함수와 파라미터 전달 ECMA Script6 에서 this 를 바인드 하는 대신에 Arrow function 을 사용한다. 하지만 파라미터를 전달하기 위해서는 this 를 써줘야 한다. 기본 사용 functionName = () => { ... } 파라미터 전달 시 functionName = (arg) => { console.log(arg); } 함수 호출 부분에 .bin() 를 사용하여 this 와 파라미터를 전달한다. 2016. 11. 28.