Tag: React

Internationalization in Next.js App Router with Middleware 2, URL에서 lang parameter를 제거하자

Internationalization in Next.js App Router with Middleware 2, URL에서 lang parameter를 제거하자

Next.js App Router에서 다국어 지원 기능 만들기

Next.jsi18n
Contentlayer를 활용해 MDX를 Next.js에서 렌더링하기

Contentlayer를 활용해 MDX를 Next.js에서 렌더링하기

Contentlayer를 활용한 MDX 파일 렌더링

Next.jsMDX
Feature Sliced Design(FSD), 기능 분할 설계

Feature Sliced Design(FSD), 기능 분할 설계

기능 분할 설계(FSD)는 프론트엔드 앱을 스캐폴딩하기 위한 아키텍처 방법론이다. 쉽게 말하면 코드 구성에 관한 규칙과 컨벤션의 집합이다. 이 방법론의 주된 목적은 끊임없이 변화하는 비즈니스 요구사항에 직면하면서 프로젝트를 더 이해하기 쉽고 체계적으로 구성하는 것이다.

Next.jsReact
React Three Fiber

React Three Fiber

React Three Fiber 공식 문서를 읽어보자

ReactTypeScript
무한 스크롤 캐러셀 제작기

무한 스크롤 캐러셀 제작기

자동으로 흐르는 캐러셀을 만들어보자

Next.jsReact
Clarity를 활용해 사용자를 추적하자!

Clarity를 활용해 사용자를 추적하자!

사용자 경험 추적 도구 Microsoft의 Clarity

Clarity사용자 추적
ffmpeg로 썸네일 추출하기

ffmpeg로 썸네일 추출하기

React 프로젝트의 비디오에서 썸네일을 추출해보자

Reactffmpeg
수평 스크롤 애니메이션 제작기

수평 스크롤 애니메이션 제작기

스크롤을 내릴 때 수평으로 스크롤되는 캐러셀을 만들어보자

ReactAnimation
Internationalization in Next.js App Router with Middleware

Internationalization in Next.js App Router with Middleware

Next.js App Router에서 다국어 지원 기능 만들기

Next.jsi18n
Nextjs API Handler

Nextjs API Handler

Nextjs에서 withHandler를 활용해 API Routes의 중복 코드를 제거하기

ReactNext.js
Monorepo with TurboRepo & pnpm

Monorepo with TurboRepo & pnpm

어떻게 하면 Monorepo 프로젝트를 만들 수 있을까?

ReactTypeScript
컴포넌트란 무엇이고, 어떻게 만들어야 하는가

컴포넌트란 무엇이고, 어떻게 만들어야 하는가

React의 Component에 대한 고찰

ReactTypeScript
더 많은 포스트를 불러오는 중...