JS7 Object defineProperty 2021. 3. 17. Node.js - events Module & EventEmitter Class #### # Node.js - events Module & EventEmitter Class - EventEmitter는 Node.JS에 내장 옵저버 패턴의 구현 #### # 참고 - [https://www.haruair.com/blog/3396](https://www.haruair.com/blog/3396) - [nodejs.org : events](https://nodejs.org/dist/v5.5.0/docs/api/events.html) #### # event_emitter.js ```javascript var events = require('events'); var eventEmitter = new events.EventEmitter(); var connectHandler = function c.. 2019. 7. 23. Node.js-Express ### # Node.js-Express ### # 참고 : https://velopert.com/379 ### # 디렉토리 구조 express_tutorial/ ├── data │ └── user.json ├── node_modules ├── package.json ├── public │ └── css │ └── style.css ├── router │ └── main.js ├── server.js └── views ├── body.ejs ├── header.ejs └── index.ejs ### # 의존 모듈 추가 ``` { "name": "express-tutorial", "version": "1.0.0", "dependencies": { "express": "~4.13.1", "ejs": "~2.4.. 2019. 7. 22. 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. d3 enter d3 enter ##### [source : https://jsfiddle.net/softm/q1ofn8tL](https://jsfiddle.net/softm/q1ofn8tL) ```css ``` ```javascript //window.onload = function() { var dataset = [ 5, 10, 15, 20, 25 ]; d3.select("div") // 1 .selectAll("p") // 2 .data(dataset) // 3 .enter() // 4 .append("p") // 5 .text("New paragraph!"); // 6 d3.selectAll("p").style("color", function() { return "hsl(" + Math.random() * 360.. 2019. 7. 15. 이전 1 2 다음
