web/javascript57 Write your Virtual DOM 2: Props & Events # Write your Virtual DOM 2: Props & Events ##### [source : https://jsfiddle.net/softm/zx75k3fL/](https://jsfiddle.net/softm/zx75k3fL/) ```html RELOAD ``` ```css ``` ```javascript ``` 2019. 7. 12. Virtual DOM 3 # Virtual DOM 3 ##### [source : https://jsfiddle.net/softm/h9e7daqo/](https://jsfiddle.net/softm/h9e7daqo/) ```html RELOAD ``` ```css ``` ```javascript ``` 2019. 7. 12. Virtual DOM 2 # Virtual DOM 2 ##### [source : https://jsfiddle.net/softm/cgqnzewm/](https://jsfiddle.net/softm/cgqnzewm/) ```html ``` ```javascript /** @jsx h */ function h(type, props, ...children) { return { type, props, children }; } function createElement(node) { if (typeof node === 'string') { return document.createTextNode(node); } const $el = document.createElement(node.type); node.children .map(create.. 2019. 7. 12. Virtual DOM 1 # Virtual DOM 1 ##### [source : https://jsfiddle.net/softm/18xv32hy/ ](https://jsfiddle.net/softm/18xv32hy/) ```javascript /** @jsx h */ function h(type, props, ...children) { return { type, props, children }; } const a = ( item 1 item 2 ); console.log(a); ``` 2019. 7. 12. Javascript Prototype to json # Javascript Prototype to json ##### [source : https://jsfiddle.net/softm/yhLsf4o9/ ](https://jsfiddle.net/softm/yhLsf4o9/) ```javascript ``` 2019. 7. 12. Javascript Promise(프로미스는) # Javascript Promise(프로미스는) ##### [source : https://jsfiddle.net/softm/dofksnw5/ ](https://jsfiddle.net/softm/dofksnw5/) #### 참고 - [https://joshua1988.github.io/web-development/javascript/promise-for-beginners/#promise%EA%B0%80-%EC%99%9C-%ED%95%84%EC%9A%94%ED%95%9C%EA%B0%80%EC%9A%94](https://joshua1988.github.io/web-development/javascript/promise-for-beginners/#promise%EA%B0%80-%EC%99%9C-%ED%95%.. 2019. 7. 12. 이전 1 ··· 3 4 5 6 7 8 9 10 다음
