TAGS

멀티패러다임 프로그래밍ReactWebCSSNext.jsenv-cmdGraphQLHTMLThree.jsvercel/ogPagefindVercelDeepL APITypeScriptGitJavaScriptTailwindCSS
Multi-paradigm Programming thumbnail

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 thumbnail

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 thumbnail

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.

Read article
Asynchronous Programming thumbnail

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 thumbnail

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 thumbnail

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.

Read article
Functional Programming, Type Systems, and LISP thumbnail

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 thumbnail

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 thumbnail

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.

Read article
Understanding .env File Application Order (feat. NextJS) thumbnail

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? thumbnail

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.

Read article
Learn the security attributes HttpOnly, Secure, and SameSite for web cookies thumbnail

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.

Read article
[HTML] Getting to know the tabindex property thumbnail

[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.

Read article
[Three.js] Exploring Various Lights thumbnail

[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.

Read article
Generating dynamic Open Graph images with the @vercel/og library thumbnail

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 thumbnail

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 thumbnail

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 thumbnail

[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.

Read article
Automate your multilingual blog with the DeepL API thumbnail

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.

Read article
Server Component Rendering Strategy thumbnail

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.

Read article
[Three.js] Scene, Renderer, Camera thumbnail

[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.

Read article
TypeScript's typeof operator thumbnail

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 thumbnail

Reading and Summarizing the Official Document on Synchronizing with Effect

Learn about the proper usage of effects in React by reading the official documentation.

Read article
Learn what React Suspense is and how to use it thumbnail

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.

Read article
Why Variables Cannot Be Used in Middleware Matcher thumbnail

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.

Read article
Understanding Git cherry-pick thumbnail

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.

Read article
Applying Tanstack Virtual thumbnail

Applying Tanstack Virtual

Optimize DOM by virtualizing lists with Tanstack Virtual!

Understanding Named Export and Default Export thumbnail

Understanding Named Export and Default Export

Learn about Named Export and Default Export

Read article
Extracting Color Properties from Tailwind CSS thumbnail

Extracting Color Properties from Tailwind CSS

Let\'s extract color types set in Tailwind CSS!

Read article
Static Rendering Not Working Issue thumbnail

Static Rendering Not Working Issue

An issue occurred where static rendering in Next.js was not working as expected.

Read article
Using Server Components Inside Client Components thumbnail

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.