본문 바로가기

web/javascript57

Node.js #### # 참고 - [https://velopert.com/241](https://velopert.com/241) #### # [Node.js?](https://nodejs.org/ko/) - Chrome V8 JavaScript 엔진으로 빌드된 JavaScript Runtime. - 2009년에 Ryan Dahl에 의해 개발. - 이벤트 기반, 논 블로킹 I/O 모델. - Node.js의 패키지 생태계인 npm은 세계에서 가장 큰 오픈 소스 라이브러리. - 비동기 I/O 처리 . - 빠른 속도 - 단일 쓰레드 / 뛰어난 확장성 - 노 버퍼링 - 라이센스: MIT License #### # REPL (Read Eval Print Loop) - 읽고 값을 계산하고 출력하는 일을 반복하는 행위를 REPL .. 2019. 7. 21.
Fullscreen # Fullscreen ##### [source : https://jsfiddle.net/softm/ey9dewj9/ ](https://jsfiddle.net/softm/ey9dewj9/) ```html HTML5 Full-Screen Demonstration ``` ```css ``` ```javascript // full-screen available? if ( document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled ) { // image container var i = document.getElementById("myimage".. 2019. 7. 19.
jquery model dialog box # jquery model dialog box ##### [source : https://jsfiddle.net/softm/3qgu8fz2/ ](https://jsfiddle.net/softm/3qgu8fz2/) ```javascript var $dialog = null; jQuery.showModalDialog = function (options) { var defaultOptns = { url: null, dialogArguments: null, height: 'auto', width: 'auto', position: 'center', resizable: true, scrollable: true, onClose: function () {}, returnValue: null, doPostBackAfte.. 2019. 7. 18.
d3 data return # d3 data return ##### [source : https://jsfiddle.net/softm/gcphg56v/ ](https://jsfiddle.net/softm/gcphg56v/) ```css ``` ```javascript ``` // 1. select를 이용해 body태그 요소를 찾는다. // 2. selectAll을 이용해 p태그 요소를 찾는다. // 3. data를 이용해 array의 크기만큼의 가상의 데이터 구조를 만든다. // 4. enter를 이용해 현재영역(p태그)의 상위영역으로 데이터처리영역으로 진입시킨다. ( p태그의 상위영역 body으로 데이터처리할 영역이 설정된다. ) // enter는 기존에 존재하는 영역에는 영역을 만들지 않는다 // 예를 들어 p로 선택된 영역이.. 2019. 7. 17.
d3js - enter(), update() and exit() d3js - enter(), update() and exit() ##### [source : https://jsfiddle.net/softm/ourf2exL/ ](https://jsfiddle.net/softm/ourf2exL/) 참고 : http://bl.ocks.org/alansmithy/e984477a741bc56db5a5 ```css ``` ```javascript //2 different data arrays var dataArray1 = [30,35,45,55,70]; var dataArray2 = [50,55,45,35,20,25,25,40]; //globals var dataIndex=1; var xBuffer=50; var yBuffer=150; var lineLength=400; //c.. 2019. 7. 16.
Javascript Slider http://www.blueshoes.org/en/javascript/slider/ http://www.blueshoes.org/_bsJavascript/components/slider/examples/example1.html http://docs.jquery.com/UI/Slider http://carpe.ambiprospect.com/slider/archive/v1.3/ Javascript Slider Javascript Slider BY CARPE DESIGN Find later versions here. The CARPE Slider is easy to incorporate in your web site. It's designed with DHTML, a combination of (X)HTML,.. 2019. 7. 16.

티스토리툴바