TAGS
Multi-paradigm Programming
Learn how to elegantly solve complex problems by strategically combining functional and object-oriented approaches through HTML template engine implementation.
Practical Functional Programming
Applying functional programming in real-world scenarios with FxTS after reading Multi-paradigm Programming. Explore examples of solving complex data processing and asynchronous tasks declaratively.
Understanding React Lazy Initialization and Its Principles
Learn how to optimize performance with React useState lazy initialization and understand its working principles through React source code analysis.
Asynchronous Programming
Reading multi-paradigm programming, we explore how to handle asynchronous processing techniques combined with functional programming, starting from the perspective of treating Promises as values.
Code:Object:Function = Generator:Iterator:LISP = IP:OOP:FP
Reading multi-paradigm programming and transforming imperative code to functional step by step, we explore why the equation Generator:Iterator:LISP = IP:OOP:FP holds true.
Quickly Learn from the Legal Necessity of Cookie Consent to Implementation Methods
Learn about the legal reasons for implementing cookie consent popups and various implementation methods. We also summarize key considerations when implementing directly to comply with GDPR and privacy laws while not compromising user experience.
Functional Programming, Type Systems, and LISP
After reading Multiparadigm Programming, explore how various philosophies like functional programming, type systems, and LISP interact and converge in modern languages, and examine how to write safe and expressive code combining higher-order functions and generic types through TypeScript examples.
How multiparadigms extend modern languages
Read Multiparadigm Programming and see how modern programming languages evolve and extend through the multiparadigm approach, with examples like iterators and first-class functions.
OKLCH - A New Choice for Better Web Design
Learn what OKLCH is, how it overcomes the limitations of traditional RGB and HSL, and how it can be utilized in web design.
Understanding .env File Application Order (feat. NextJS)
Understand the priority of environment variable files and effectively manage environment variables according to your project situation. Let's see how they are applied in development, test, and production environments.
What is GraphQL?
Learn about GraphQL, a data query language created to overcome the limitations of REST APIs, and its pros and cons compared to REST APIs.
Learn the security attributes HttpOnly, Secure, and SameSite for web cookies
Let's take a look at the security properties of cookies - HttpOnly, Secure, and SameSite - and see how they protect your web application.
[HTML] Getting to know the tabindex property
If there's one HTML property that many developers don't know about or tend to overlook, it's tabindex.
[Three.js] Exploring Various Lights
We've covered the characteristics and uses of the different light types provided by Three.js (AmbientLight, DirectionalLight, PointLight, SpotLight, HemisphereLight, and RectAreaLight) with examples.
Generating dynamic Open Graph images with the @vercel/og library
Learn how to utilize Vercel's @vercel/og library in Next.js to implement dynamic OG images for your multilingual site. Easily create language-specific text and images, customize fonts, and more!
Implementing blog search functionality with pagefind
Add search functionality to your blog quickly and easily with pagefind, a client-side search library for static websites.
Server Actions are not running intermittently
Analyzing and resolving an issue where Server Action callbacks were intermittently not firing in Vercel's serverless environment.
[Three.js] Gemometry, Materials, Mesh
Let's take a look at the three core elements that make up a 3D Object in Three.js: Geometry, Materials, and Mesh.
Automate your multilingual blog with the DeepL API
Here's how we built an automated translation system using the DeepL API to efficiently implement multilingual support for our tech blog.
Server Component Rendering Strategy
Understand the rendering strategies and caveats of the Server Component, and also cover issues that can arise when using it with Parallel Routes and how to resolve them.
[Three.js] Scene, Renderer, Camera
Let's take a look at the three most basic things you need to represent something in Three.js: a Scene, a Renderer, and a Camera.
TypeScript's typeof operator
The typeof operator in JavaScript, its differences in the context of TypeScript, and its many uses
Reading and Summarizing the Official Document on Synchronizing with Effect
Learn about the proper usage of effects in React by reading the official documentation.
Learn what React Suspense is and how to use it
Learn more about how Suspense came to be, how it works in practice, and in what situations it does and does not work.
Why Variables Cannot Be Used in Middleware Matcher
Let's explore the issues that occur when using variables in Next.js middleware matcher and their causes through analysis of Next.js source code.
Understanding Git cherry-pick
git cherry-pick is a command that selectively brings specific commits to another branch, useful for bug fixes, feature transfers, and release management.
Applying Tanstack Virtual
Optimize DOM by virtualizing lists with Tanstack Virtual!
Understanding Named Export and Default Export
Learn about Named Export and Default Export
Extracting Color Properties from Tailwind CSS
Let\'s extract color types set in Tailwind CSS!
Static Rendering Not Working Issue
An issue occurred where static rendering in Next.js was not working as expected.
Using Server Components Inside Client Components
In Next.js, all components are server components by default. Let's explore how to use them inside client components.