본문 바로가기

javascript7

[JavaScript] for loop 성능 테스트 성능 테스트: http://jsben.ch/fNiQv JSBEN.CH Benchmarking for JavaScript - var arr = [1, 2, 4 , 5, 66, 38, 39, 3993, 33, "test", "hello", 93, 93, 20, 77, "hu", 92, 18, 4 , 5, 66, 38, 39, 3993, 33, "test", "hello", 93, 93 , 20, 77, "hu", 92, 18, 4 , 5, 66, 38, 39, 3993, 33, "test", "hello", 93, 93, 20, 77, "hu", 92, 18 jsben.ch 예제 /*use this block to define your objects and stuff which has to be done f.. 2019. 12. 4.
[React + TypeScript] TypeScript 적용하기 이 페이지는 React에 TypeScript를 적용하는 방법에 대해 설명하고 있습니다. React에서 PropTypes로 충분히 타입 체킹이 가능하지만 state, function parameters 등의 타입 체킹은 할 수 없다. 그래서 TypeScript를 적용해보고자 합니다. 해당 프로젝트는 React 관련 기본 세팅이 되어있다고 가정하고 설명합니다. CRA를 사용할 경우 옵션을 통해 쉽게 세팅할 수 있다. create-react-app typescript-react-tutorial --scripts-version=react-scripts-ts 설치 npm i typescript ts-loader @types/react -D React에서 사용되는 TypeScript Loader에는 두가지가 유명하.. 2019. 8. 6.
[JavaScript] Generator iterable 객체 및 yield 에 대해 이해하신 뒤 아래 내용을 읽어보시기 바랍니다. yield: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/yield* Generator function generator function은 function* 로 정의한다. function 뒤에 별(*)을 붙여 generator라는 것을 지칭하며, 이 함수는 Generator 객체를 반환한다. funtion* name([param[, param[, ...param]]]) { /** ... */ }generator function을 통해 할당받은 변수를 출력해 보면 Generator 타입임을 확인할 수 있다. > function* g.. 2019. 1. 16.
JavaScript 표준 Medium 에서 보면 깔끔하게 보실 수 있습니다. --- JavaScript 표준에서 언급되는 CommonJS, AMD, ECMAScript, TypeScript에 대한 비교 페이지입니다. CommonJS와 AMD에 대해서는 NAVER D2의 JavaScript 표준을 위한 움직임: CommonJS와 AMD에서 자세히 설명하고 있어서 링크로 대신하도록 하겠습니다. (2012년도 글로 현재와 조금 차이가 나는 개념이 있을 수도 있습니다.)NAVER D2 글을 간략히 요약하면 아래와 같습니다.CommonJSJavaScript를 브라우저에서뿐만 아니라, 서버사이드 애플리케이션이나 데스크톱 애플리케이션에서도 사용하려고 조직한 자발적 워킹 그룹모듈화는 아래와 같이 세 부분으로 이루어진다.스코프(Scope): 모.. 2018. 9. 13.
[JavsScript, ReactJS] date format yymmdd 보통 date format 함수는 strfmat() 함수를 사용하지만 date format 함수가 없다면 만들어야 한다. function makeYYMMDD(value) { let year = value.getFullYear(); let month = value.getMonth() + 1; let date = value.getDate(); month = month < 10 ? '0' + month : month; date = date < 10 ? '0' + date : date; return year+'-'+month+'-'+date; } // result: '2017-01-01'toISOString() 사용할 경우function makeYYMMDD(value) { return value.toISOStr.. 2017. 1. 23.
[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.

티스토리툴바