shdev.blog

쿠키 동의의 법적 필요성부터 구현 방법까지 빠르게 알아보기 thumbnail

쿠키 동의의 법적 필요성부터 구현 방법까지 빠르게 알아보기

쿠키 동의 팝업을 구현해야 하는 법적 이유와 다양한 구현 방법을 알아본다. 또한 GDPR 및 개인정보 보호법을 준수하면서 사용자 경험을 해치지 않기 위해 직접 구현 시 고려해야 할 주요 사항들을 정리해보았다.

2025년 05월 21일

최신 게시글

함수형 프로그래밍과 타입 시스템 그리고 LISP thumbnail

멀티패러다임 프로그래밍을 읽고 함수형 프로그래밍, 타입 시스템, LISP 등 여러 철학이 어떻게 상호작용하며 현대 언어에서 융합되는지 알아보고, 타입스크립트 에제를 통해 고차 함수와 제네릭 타입이 결합된 안전하고 표현력 있는 코드 작성법을 살펴봅니다.

멀티패러다임 프로그래밍

멀티패러다임이 현대 언어를 확장하는 방법 thumbnail

멀티패러다임 프로그래밍을 읽고 현대 프로그래밍 언어가 멀티패러다임 접근법을 통해 어떻게 진화하고 확장되는지 이터레이터와 일급 함수등의 예제를 통해 살펴봅니다.

멀티패러다임 프로그래밍

OKLCH - 더 나은 웹 디자인을 위한 새로운 선택 thumbnail

OKLCH가 무엇인지, 기존 RGB와 HSL의 한계를 어떻게 극복하는지, 그리고 웹 디자인에서 어떻게 활용할 수 있는지 알아봅니다.

.env 파일 적용 순서 이해하기 (feat. NextJS) thumbnail

환경 변수 파일의 우선순위를 이해하고, 프로젝트 상황에 맞게 환경 변수를 효과적으로 관리할 수 있다. 개발, 테스트, 프로덕션 환경별로 어떻게 적용되는지 확인해보자.

GraphQL이란? thumbnail

REST API의 한계를 극복하기 위해 탄생한 데이터 쿼리 언어인 GraphQL과 장단점을 REST API와 비교하며 알아보자.

웹 쿠키의 보안 속성 HttpOnly, Secure, SameSite 알아보기 thumbnail

쿠키의 보안 속성인 HttpOnly, Secure, SameSite 속성을 알아보고 어떻게 웹 애플리케이션을 보호하는지 살펴보자.

[HTML] tabindex 속성 알아보기 thumbnail

많은 개발자들이 모르거나 간과하기 쉬운 HTML 속성이 있다면, 그것은 바로 tabindex다.

[Three.js] Light thumbnail

Three.js가 제공하는 다양한 조명 타입(AmbientLight, DirectionalLight, PointLight, SpotLight, HemisphereLight, RectAreaLight)의 특성과 활용법을 예제와 함께 알아보았다.

@vercel/og 라이브러리로 동적 Open Graph 이미지 생성하기 thumbnail

Next.js에서 Vercel의 @vercel/og 라이브러리를 활용해 다국어 지원 사이트에 동적 OG 이미지를 구현하는 방법을 알아보자.

pagefind를 이용한 블로그 검색 기능 구현하기 thumbnail

정적 웹사이트를 위한 클라이언트 사이드 검색 라이브러리 pagefind를 활용해 블로그에 빠르고 쉽게 검색 기능을 추가해 보았다.

Next.jsPagefind

Server Action이 간헐적으로 실행되지 않는 문제 thumbnail

Vercel의 서버리스 환경에서 Server Action 콜백이 간헐적으로 실행되지 않는 문제의 원인을 분석과 해결 방법.

[Three.js] Geometry, Materials, Mesh thumbnail

Three.js에서 3D Object를 구성하는 세 가지 핵심 요소인 Geometry와 Materials, 그리고 Mesh에 대해 알아보자.

DeepL API를 활용한 다국어 블로그 자동화 구현 thumbnail

DeepL API를 활용한 자동 번역 시스템을 구축하여 기술 블로그의 다국어 지원을 효율적으로 구현한 과정을 소개합니다.

서버 컴포넌트 렌더링 전략 thumbnail

서버 컴포넌트의 렌더링 전략을 이해하고, 주의사항을 살펴본다. 또한 Parallel Routes와 함께 사용할 때 발생할 수 있는 이슈와 그 해결 방법에 대해서도 다루어본다.

[Three.js] Scene, Renderer, Camera thumbnail

Three.js에서 무언가를 표현하기 위해 필요한 가장 기본적인 3가지 Scene, Renderer, Camera에 대해 알아보자.

TypeScript의 typeof 연산자 thumbnail

typeof 연산자의 JavaScript, TypeScript 맥락에서의 차이점과 다양한 활용 방법

공식문서 Effect로 동기화하기 읽고 정리하기 thumbnail

React에 존재하는 effect에 관하여 공식 문서를 읽고 올바른 사용방법에 대해 알아보자.

React Suspense의 등장 배경과 사용법 알아 보기 thumbnail

Suspense의 등장 배경과 실제 사용법, 그리고 어떤 상황에서 Suspense가 동작하고 동작하지 않는지에 대해 자세히 알아보자

middleware의 matcher에 변수를 사용할 수 없는 이유 thumbnail

Next.js middleware matcher에 변수를 사용했을 때 발생하는 문제와 그 원인을 Next.js의 소스 코드 분석을 통해 알아보자.

Git cherry-pick 알아보기 thumbnail

git cherry-pick은 특정 커밋을 선택적으로 다른 브랜치에 가져오는 명령어로, 버그 수정, 기능 이전, 릴리스 관리에 유용하다.

Tanstack Virtual 적용기 thumbnail

Tanstack Virtual과 함께 리스트 가상화를 하여 DOM을 최적화 해보자!

JavaScriptReact

Named Export와 Default Export의 이해 thumbnail

Named Export와 Default Export에 대해 알아보기

Tailwind CSS에서 color 속성 가져오기 thumbnail

Tailwind CSS에서 설정한 color 타입들을 가져와보자!

정적 렌더링이 되지 않는 문제 thumbnail

Next.js에서 잘 작동하던 정적 렌더링이 예상대로 작동하지 않는 문제가 발생했다.

서버 컴포넌트를 클라이언트 컴포넌트안에서 사용하기 thumbnail

Next.js에서 모든 컴포넌트는 기본적으로 서버에서 동작한다. 이를 클라이언트 컴포넌트 안에서도 사용할 수 있는 방법을 알아보자.

TAGS

멀티패러다임 프로그래밍 CSS Next.js env-cmd GraphQL Web HTML Three.js vercel/og Pagefind Vercel DeepL API TypeScript React Git JavaScript TailwindCSS