Crafting digital experiences with creativity and code
Palette
-
15 Mar 2023
Recursive Algorithm
I summarized basic knowledge about algorithms in my notes. I illustrated the representative examples of recursive functions, such as factorial, Hanoi Tower, and Fibonacci. In addition, I took notes on five sorting algorithms(Bubble sort, selection sort, insertion sort, merge sort, quick sort), memoization, and tabulation. DIFFICULT!
-
9 Mar 2023
Data Structure
I always consider how to improve the performance but never thought how to efficiently store data in memory. I was able to think about which data structure to choose and apply it properly by implementing linear data structures (arrays, linked lists, dequeues, stacks, queues, hash tables, hash sets) in JavaScript and documenting them in my notes.
-
02 Feb 2023
React component testing & TDD
While working on my YouTube clone, I conducted unit, integration, and E2E tests on important components using JEST, React testing library and Cypress. I have summarized the useful APIs (mocking methods, snapshots, queries, userEvent, waitFor, etc.), and have also reviewed the concepts of TDD.
-
20 Nov 2022
Avoid This Easy React Query Mistake
I thought that just declaring a React query would automatically work, but when I checked with Devtools, the default value was stale if no options were given. I wrote this to share information in the hope that you will not make the same mistake as me.
-
19 Nov 2022
React Router's Feature Overview
This is a note written while studying the concept of SPA. Creating a router with createBroswerRouter was interesting, but most of all, the outlet and useParam, useMutation were really amazing.
-
18 Nov 2022
Let's Escape From Callback Hell
Processing data with callbacks within callbacks made maintenance difficult and readability really poor. In this case, refactoring using promises can save you from callback hell. And furthermore, using async and await makes promises more intuitive and readable.
-
Nov 2022
Breakdown of 25 JavaScript Array APIs
When using React in projects, map(), filter(), and sort() are used a lot. At this time, I self-reflected and realized that basic JavaScript syntax is really important. so I took the time to compile 25 useful JavaScript array APIs before the project.
-
5 Nov 2022
What Is Shallow Copy?
You may encounter shallow copy while using the spread operator. If there is an object in the array, only the array shell is changed to the new reference, and the object elements inside refer at the original reference. To fix this matter, I wrote a note on how to use a spread operator with array APIs.
-
15 October 2022
Event Loop
To understand event loops, I looked at the concept of process and thread, JS’s runtime environment, the browser’s runtime environment, and how they can work together. I also learned the difference between microtaskqueue and taskqueue.
-
14 October 2022
Critical Rendering Path
I studied render tree-layout-paint-composition, an important concept to find out how to render in a browser. As a result, I was able to think about performance improvements by checking the representative properties of layout and paint.
-
31 May 2022
Event delegation
Through a simple menu example, I looked at the differences between applying addEventlistener as a for loop and using event delegation for the parent element of the menu, and how we could improve performance through event delegation.
-
24 May 2022
What does return do
When I first learned JS, the return keyword within functions was difficult to understand. After finally understanding return, I wrote a blog article on Naver, which is kind of like Korea’s Google. I covered when to use return and where it’s printed. My blog post is now the top search result when searching for the JS return role on Naver.