전체 글343 [HTML] Emmet Emmet is a web-developer's toolkit that can greatly improve HTML and CSS workflow. Most of the editors already have the Emmet plug-in. I'm using the VSCode, and it has this feature. So, we don't need anything. Just enjoy it! Note Before explaining emmet syntax, let me explain a few things first. If you input the Emmet syntax, the VSCode will notice it to you. You have to press or key at this tim.. 2020. 9. 2. [React] useState Hooks Overview useState Hooks is used when managing a state value of React component. State value can be understood as something like a local variable of React component. Therefore, even if the same component is used, the internal state value is managed separately for each component. const [value, setValue] = useState(initialValue); The syntax is like the above code. The useState Hooks returns state v.. 2020. 9. 2. [React] prop-types prop-types is the official react tool, runtime type checking for React props and similar objects. But, I think if you need this feature, TypeScript is a better choice. Installation You can install prop-types through yarn or npm. $ yarn add -D prop-types $ npm i -D prop-types Usage Example prop-types helps to improve readability and ease maintenance by clearly setting the information of type as t.. 2020. 9. 2. [JavaScript] Object Destructuring Object destructuring is a grammar in which multiple properties of an object can be easily assigned as variables. Unordered Assignment const obj = { width: 20, height: 30 }; const { height, width } = obj; console.log(`width: ${width}, height: ${height}`); //=> Result // width: 20, height: 30 Aliasing const obj = { width: 20, height: 30 }; const { width: w, height: h } = obj; console.log(`width: $.. 2020. 9. 2. [JavaScript] Array Destructuring Array destructuring is a grammar in which multiple values of an array can be easily assigned as variables. Ordered Assignment const arr = [1, 2]; const [a, b] = arr; console.log(`a: ${a}, b: ${b}`); //=> Result // a: 1, b: 2 Default Value const arr = [1]; const [a = 10, b = 20] = arr; console.log(`a: ${a}, b: ${b}`); //=> Result // a: 1, b: 20 The arr has one element, but it tries to assign two .. 2020. 9. 2. [Electron] Tray 2020/08/31 - [Web/JavaScript] - [Electron] Getting Started 2020/08/31 - [Web/JavaScript] - [Electron] BrowserWindow 2020/09/01 - [Web/JavaScript] - [Electron] IPC (Inter Process Communication) 2020/09/01 - [Web/JavaScript] - [Electron] Menu 2020/09/01 - [Web/JavaScript] - [Electron] Global Shortcut 2020/09/01 - [Web/JavaScript] - [Electron] Tray The subject of this posting is about a tray. As yo.. 2020. 9. 1. [Electron] Global Shortcut 2020/08/31 - [Web/JavaScript] - [Electron] Getting Started 2020/08/31 - [Web/JavaScript] - [Electron] BrowserWindow 2020/09/01 - [Web/JavaScript] - [Electron] IPC (Inter Process Communication) 2020/09/01 - [Web/JavaScript] - [Electron] Menu 2020/09/01 - [Web/JavaScript] - [Electron] Global Shortcut 2020/09/01 - [Web/JavaScript] - [Electron] Tray This post is about the global shortcut of Electron.. 2020. 9. 1. [Electron] Menu 2020/08/31 - [Web/JavaScript] - [Electron] Getting Started 2020/08/31 - [Web/JavaScript] - [Electron] BrowserWindow 2020/09/01 - [Web/JavaScript] - [Electron] IPC (Inter Process Communication) 2020/09/01 - [Web/JavaScript] - [Electron] Menu 2020/09/01 - [Web/JavaScript] - [Electron] Global Shortcut 2020/09/01 - [Web/JavaScript] - [Electron] Tray The Electron has two types of menus: application m.. 2020. 9. 1. [Electron] IPC (Inter Process Communication) 2020/08/31 - [Web/JavaScript] - [Electron] Getting Started 2020/08/31 - [Web/JavaScript] - [Electron] BrowserWindow 2020/09/01 - [Web/JavaScript] - [Electron] IPC (Inter Process Communication) 2020/09/01 - [Web/JavaScript] - [Electron] Menu 2020/09/01 - [Web/JavaScript] - [Electron] Global Shortcut 2020/09/01 - [Web/JavaScript] - [Electron] Tray As I said, the Electron works with main process an.. 2020. 9. 1. 이전 1 ··· 33 34 35 36 37 38 39 다음
