2 different ways to resolve multiple asynchronous operations — Introduction Promise.allSettled is a relatively new feature that is currently supported by most of the major browsers. The feature improves the short-circuited nature of the Promise.all (introduced in ECMA 2015). Promise.all is a helpful operator when it’s a time to execute asynchronous tasks at once but it is well known to…

A summarized Vue documentation for busy Vue developers — Intro Vue3 is officially released as of September 2020. I managed myself hard to read the documentation and I could finish reading the entire official documentation for 3 days of dedications to wake up 2 hours earlier than usual. But many especially those of you work 9–5 don’t have time to…

Object JavaScript is all about Object. Object class is the most important data type in JavaScript. It is often used to store various keyed collections and more complex entities. Let’s find out 4 object methods that are useful but not known to many of us 1. Object.is() EC6 added a helper function called…

1. How JavaScript different from other languages 1.1) JS is JIT compiled While other languages (i.e., C, Java, C#) are compiled in advance, JS is interpreted and sometimes compiled at runtime with a just-in-time (JIT) compiler. JavaScript skips <compiler> && <ByteCode> steps. Java Example Compile steps below:

TL;DR In Object.assign() , parameter position matters The target object is determined by the its position in the parameters. Whatever positions 1st in the method’s parameters becomes the target object parameter order matters The properties are overwritten by other objects that have the same properties later in the parameter order Warning…

Quick Intro to Object.getOwnPropertyNames() The Object.getOwnPropertyNames() method returns an array of all properties (including non-enumerable property) found directly in a given object Syntax Object.getOwnPropertyNames(obj) Example Object.getOwnPropertyNames() returns all keys of the object [ '0', '1', '2' ] string Quick Intro to Object.keys() The Object.keys() method returns an array of a given object’s own enumerable property names, iterated…

Object.assign() vs. Object.getOwnPropertyDescriptors() — Object.assign() Defintion Object.assign method is one of the new features introduced with ECMAScript 2015 (ES6). This method copies the values (of all enumerable own properties) from one or more source objects to a target object Use Case It is useful for merging objects or cloning them shallowly. Example Object.assign method is…

localeCompare() & Intl.Collator() enable language sensitive string comparison — TL;DR JavaScript native sort method does not work for most of foreign language, which has non-ASCII characters like [‘ą’, ‘ㄱ’, ‘世’, ‘д’, ‘e’] Quick Solution Using localeCompare() Using Intl.Collator() 1. Performance Intl.Collator is better performer than localeCompare Intl.Collator Object and its compare property is better than localeCompare() in terms of…

Contents grid-column grid-column (w/ span) grid-template-columns grid-template-columns (w/ repeat) grid-template-rows grid-template-rows (w/ grid-auto-rows) grid-column Syntax grid-column: grid-column-start / grid-column-end Example