블로그에서 검색

    최근 게시물

    ICU MessageFormat이 JavaScript에 맞지 않는 이유

    ICU MessageFormat은 Java와 C++을 위해 설계되었습니다. 브라우저에서 완전한 지원을 제공하려면 약 10KB의 파서 코드가 필요합니다. 이러한 비용이 발생하는 이유와 대안을 알아봅니다.

    Aymeric PINEAU

    Lingui를 활용한 Next.js 16 i18n: App Router 설정 가이드

    Next.js 16 App Router에서 Lingui 설정하기: Server Components, SWC 매크로, 프록시 라우팅, generateMetadata, hreflang, sitemap 및 robots.txt, 벤치마크 데이터 포함.

    Aymeric PINEAU

    use-intl을 활용한 TanStack Start i18n: 2026 완벽 설정 가이드

    use-intl로 TanStack Start 앱 번역하기: 로케일 라우팅, 타입 안전한 메시지, SSR, hreflang, sitemap 및 robots.txt, 실제 번들 크기 벤치마크 데이터 포함.

    Aymeric PINEAU

    Paraglide JS를 활용한 TanStack Start i18n: 2026 설정 가이드

    Paraglide JS로 TanStack Start 앱을 번역하세요: URL 전략, 라우터 재작성, SSR 미들웨어, hreflang, 사이트맵 및 robots.txt 설정과 실제 벤치마크 데이터까지 알아봅니다.

    Aymeric PINEAU

    관련 게시물

    기존 Next.js 앱을 다국어로 만들기

    기존 Next.js 앱을 다시 작성하지 않고 i18n 추가: 하드코딩된 문자열을 자동 추출하고, AI로 번역하고, 현지화된 라우팅을 설정합니다.

    Aymeric PINEAU

    use-intl을 활용한 TanStack Start i18n: 2026 완벽 설정 가이드

    use-intl로 TanStack Start 앱 번역하기: 로케일 라우팅, 타입 안전한 메시지, SSR, hreflang, sitemap 및 robots.txt, 실제 번들 크기 벤치마크 데이터 포함.

    Aymeric PINEAU

    React에서 컴포넌트별 i18n과 중앙 집중식 i18n

    React에서의 국제화 전략을 심층적으로 탐구하며 중앙집중식, 키별, 컴포넌트별 접근법을 비교하고 Intlayer를 소개합니다.

    Aymeric PINEAU

    Lingui를 활용한 TanStack Start i18n: 2026 완벽 설정 가이드

    Lingui로 TanStack Start 앱 번역하기: 매크로, PO 카탈로그, SSR, 로케일 라우팅, hreflang, sitemap 및 robots.txt, 실제 번들 크기 벤치마크 데이터 포함.

    Aymeric PINEAU

    기존 Vite + React 앱을 다국어로 만들기

    기존 Vite와 React 앱을 다시 작성하지 않고 i18n 추가: 하드코딩된 문자열을 자동 추출하고, AI로 번역하고, 번들을 작게 유지합니다.

    Aymeric PINEAU

    RAG 기반 문서 어시스턴트 만들기

    문서용 AI 어시스턴트를 만든 방법: 마크다운 청킹, 임베딩, 벡터 검색, 프롬프트, 그리고 그 과정의 트레이드오프.

    Aymeric PINEAU

    Paraglide JS를 활용한 TanStack Start i18n: 2026 설정 가이드

    Paraglide JS로 TanStack Start 앱을 번역하세요: URL 전략, 라우터 재작성, SSR 미들웨어, hreflang, 사이트맵 및 robots.txt 설정과 실제 벤치마크 데이터까지 알아봅니다.

    Aymeric PINEAU

    Intlayer와 next-i18next

    포괄적인 Next.js 국제화 솔루션을 위한 Intlayer와 next-i18next 통합

    Aymeric PINEAU

    2026년 올바른 React i18n 라이브러리를 선택하는 방법

    React i18n 선택 가이드: react-i18next, react-intl, Lingui, use-intl, Paraglide, Intlayer를 비교하기 전에 답해야 할 질문들.

    Aymeric PINEAU

    2026년에도 vue-i18n을 계속 써야 할까요?

    vue-i18n은 지난 10년간 Vue 및 Nuxt 생태계의 표준이었습니다. 하지만 벤치마크 결과 웹에서 가장 무거운 i18n 런타임으로 나타났습니다. 그 원인을 분석합니다.

    Aymeric PINEAU

    next-intl vs @intlayer/next-intl: 동일한 API, 다른 번들

    Next.js 앱이 next-intl import를 유지한 채 @intlayer/next-intl 어댑터로 제공됩니다. 번들 크기, 누출, 컴포넌트 크기, 하이드레이션을 측정했습니다.

    Aymeric PINEAU

    사용자가 발견하기 전에 누락된 번역을 감지하는 방법

    번역 누락은 조용히 발생합니다. 폴백이 이를 숨기는 이유, 실제로 작동하는 네 가지 감지 계층, 그리고 미번역 키가 있을 때 빌드를 중단시키는 방법.

    Aymeric PINEAU