Index Librorum
§ Artes Mechanicae· Dev

Dev

Development articles
CatalogusIndex
SchedæCards

A record of challenges and projects.

Frontend related technologies and learning records.

Why YouTube and Netflix Behave Differently on Safari and Chrome
DEV.001

Why YouTube and Netflix Behave Differently on Safari and Chrome

2025-07-14

Netflix, which supports 4K on Safari, is limited to 1080p on Chrome. Conversely, YouTube supports 4K even on Chrome. What's the reason? Let's find out.

Deep Dive into the Differences Between Observers and Event Handlers in Event Processing!
DEV.002

Deep Dive into the Differences Between Observers and Event Handlers in Event Processing!

2025-06-23

Examining the differences between observers and event handlers in event processing, and providing clear reasoning for when to use each.

Is React a Framework?: A Question for Investment, Not Debt
DEV.003

Is React a Framework?: A Question for Investment, Not Debt

2024-12-24

An article exploring whether React is a framework. It also describes the importance of establishing a basis for making technology an investment rather than technical debt.

Circular Dependencies Problem in JavaScript
DEV.004

Circular Dependencies Problem in JavaScript

2024-11-18

Let's learn what circular dependencies are in JavaScript and how to solve them.

Deep dive into React ecosystem and technologies.

Reflections on React Performance Optimization Through Practice
DEV.001

Reflections on React Performance Optimization Through Practice

2025-01-03

I performed React performance optimization while going through Hanghae Plus. In the process, I was able to learn how to optimize. As a result of introducing optimization techniques, performance improved in some cases, but it also degraded in others. This is a record of that experience.

Exploring React Developer Tools
DEV.002

Exploring React Developer Tools

2025-01-02

To optimize, you need to know how to measure performance. At the same time, you need to understand how rendering works and what processes lead to changes. Let's learn about the developer tools that help with this.

What are React Hooks?
DEV.003

What are React Hooks?

2024-12-30

Understand what React Hooks are and learn what problems React Hooks aim to solve.

The Core of React Component Design Through Composition Pattern
DEV.004

The Core of React Component Design Through Composition Pattern

2024-11-16

As a core concept of composition used in React, I've frequently encountered it and used it daily through function-based React, but it didn't quite resonate with me. While working on a project and implementing several components directly, the meaning of this concept finally clicked. Let me organize the concepts I've understood.

Various tutorials related to web development.