본문 바로가기
반응형

개발/Front-End19

[Javascript] FileReader 객체로 파일 읽기 FlieReader 객체를 이용하여 업로드된 파일을 읽을 수 있다. FileReader란? 웹 애플리케이션이 비동기적으로 데이터를 읽기 위하여 읽을 파일을 가리키는 File혹은 Blob객체를 이용해 파일의 내용을(혹은 raw data버퍼로) 읽고 사용자의 컴퓨터에 저장하는 것을 가능하게 한다. File 객체는 태그를 이용하여 유저가 선택한 파일들의 결과로 반환된 FileList객체, 드래그 앤 드랍으로 반환된 DataTransfer 객체 혹은 HTMLCanvasElement의 mozGetAsFile() API로 부터 얻는다. https://developer.mozilla.org/ko/docs/Web/API/FileReader 1. FileReader.onload() load 이벤트의 핸들러. 이 이벤트는.. 2021. 6. 1.
How to use Highcharts.js in front-end Introduction Highcharts.js is a popular library to draw several graphs like dot, bar, heatmap, etc... I like Highcharts.js and I've used Highcharts.js many times. However, if you want to use highcharts.js, the license must be verified and used. To get a free license, you only must use highcharts.js on a personal website or non-profit organization. Subject 1. About Highcharts is a battle-tested S.. 2019. 7. 25.
RSVP.js, Javascript promise compatible module in IE. Introduction I have used the promise pattern to simplify callback function syntax in javascript(ES6). But when use the promise pattern in IE, the promise pattern can't use in IE because of not compatible in IE. RSVP.js provides simple tools for organizing asynchronous code. Specifically, it is a tiny implementation of Promises/A+. It works in node and the browser (IE9+, all the popular evergreen.. 2019. 7. 21.
[javascript] 자바스크립트 객체 생성하기 자바에서 클래스를 쉽게 정의하다가 자바스크립트에서 객체를 정의하자니 뭐가 뭔지 몰랐었다. 지금 이 글을 쓰는 시점에도 많은 것을 알지는 못하나 내가 아는 것을 서술하고 싶었다. 내가 알고 있는 객체를 생성하는 방식은 2가지이다. 1. 객체 literal 2. prototype 3. function 정의 1. 객체 literal 정의하는 방법은 아래와 같다. var obj = { a : 111; b : 222; c : function (){ console.log("hihi"); } }; console.log(obj.a); //111 console.log(obj.b); //222 console.log(obj.c()); //"hihi" 객체 literal을 정의하면 new 키워드를 이용하여 객체를 생성할 수 .. 2018. 6. 7.
반응형