web/javascript57 react class componet import React from 'react'; import ReactDOM from 'react-dom'; class Toggle extends React.Component { constructor(props) { super(props); this.state = { toggle : false }; this.handleClick = this.handleClick.bind(this); } handleClick() { // todo this.setState({ toggle : this.state.toggle?false:true }); } render() { return ( {this.state.toggle?"ON":"OFF"} ); } } ReactDOM.render( , doc.. 2022. 4. 4. Promise then 2021. 10. 1. async await Promise.resolve https://developers.google.com/web/fundamentals/primers/async-functions?hl=ko async function logFetch(url) { try { const response = await fetch(url); console.log(await response.text()); } catch (err) { console.log('fetch failed', err); } }await하는 것은 전부 Promise.resolve()를 통해 전달되므로, 기본 프라미스가 아닌 프라미스를 안전하게 await할 수 있습니다. // wait ms milliseconds function wait(ms) { return new Promise(r => set.. 2020. 7. 20. simple padding zero ("000" +"1").slice(-4); // 0001 ("000" +"1").slice(-3); // 001 ("000" +"1").slice(-2); // 01 ("000" +"11").slice(-4); // 0011 ("000" +"11").slice(-3); // 011 ("000" +"11").slice(-2); // 11 2020. 2. 27. Javascript SnakBar ##### [source : https://jsfiddle.net/softm/02ue81pf/](https://jsfiddle.net/softm/02ue81pf/) ##### # snakBar ```javascript function snakBar(s,o){ snakBarError(o,s); } function snakBarError(o,v) { if ( typeof o === "object" ) { var c = o.closest("dd"); if ( o[0].tagName.toUpperCase() == "SELECT") { o.one( "change", function( event ) { fClearError(o); }); } else { if ( o[0].tagName.toUpperCase() ==.. 2019. 8. 6. show loading progress image ##### [source : https://jsfiddle.net/softm/a39qnxdc/](https://jsfiddle.net/softm/a39qnxdc/) ##### # show Loading image ```javascript function showLoading() { //if(isBrowser) { $('.softm-ui-layer.progress').show(); // } else { // if ( typeof(Android) !== "undefined") { // Android.showLoading(); // } // } } function hideLoading() { window.setTimeout(function() { //if(isBrowser) { $('.softm-ui-laye.. 2019. 8. 5. 이전 1 2 3 4 5 ··· 10 다음
