Recently, I have been assigned to the task to migrate the AngularJS scheduler to Angular. The scheduler uses external library, FullCalendar. This blog handles a part of its processes. Especially, it focuses on a builder design pattern. Briefly, the builder design pattern is the one of the creational design patterns…

Recently, I have finished reading ‘Head First Design Patterns’. Here I summarize some of the extremely fundamental points that I contemplated to keep them in mind. 1. Don’t make class big, make it small and composable This is same as ‘Favor composition over inheritance’. Simply speaking, when creating abstract class, don’t…

Functional programming is a new programming style which replaces object oriented programming (OOP) style. The fundamental concepts we encounter when learning functional programming are declarative programming, pure functions, and immutability, which eventually are intended to reduce mutation and side effects of application states as much as possible. First of all…

This article does not handle difficult technical issue, instead, introduces how to structure your angular application. In each feature module for Angular, there could be primary 5 files or directories like below. 1. index.ts: defines module’s dependencies and router 2. routes.ts: defines each module route’s URL segment and component 3. container: includes…

Here I have implemented memory game making use of ES6, this memory game is exactly identical with previous memory game (implemented with ES5). The source codes are available at here. Following introduces new features of ES6 with examples of memory game implementation. Class ES6 introduced ‘Class’ keyword to create a new…

The React component’s lifecycle is broken down into four phases: initialization, mouting, updating and unmounting. The initialization is the step to instantiate component and set initial state. The mounting happens when a component is being inserted into the DOM. The updating happens when a component’s state or props are changed…

The authentication is the process of verifying that user is a valid user being registered to server with a valid identification and password while the authorization is the process of verifying that a user has a proper access permission to a certain resource. …

This article’s objective is to share my experience on javascript’s asynchronous characteristic.😊 Recently, I tried to load big json file into mongodb. Without much thought, I used async/await and forEach, first it seemed to have worked properly. However, it did not because my data manipulation task was a little complicate…

Here, I have implemented a memory game with ES5. Three functions have been created such as GameController, UIController and Controller. The GameController, UIController and Controller represents to Model, View and Controller, respectively. The implemented memory game is accessible at here, you enter 2, 4 or 6 in the input box…