GatsbyJS에서 l10n(지역화) 지원하기 (함수형 프로그래밍 활용)

GatsbyJS 기반 웹 애플리케이션에서 **l10n(localization, 지역화)**을 지원하기 위해 Gatsby API와 React를 활용하는 방법을 다룬다. 단순히 번역을 넘어 브라우저 언어 설정에 따른 페이지 라우팅과 번역 적용을 구현하는 데 중점을 둔다.

번역 데이터 관리를 위해 함수형 프로그래밍 라이브러리인 fp-ts를 활용한다. 데이터는 ts 파일로 관리하며, **Static Site Generation(SSG)**의 이점을 극대화하기 위해 파일에 담긴 데이터를 Gatsby의 GraphQL Node로 생성하여 사용한다.

주요 구현 단계는 다음과 같다:

• createSchemaCustomization API를 사용하여 TranslationData 노드의 스키마를 명시적으로 정의한다.
• sourceNodes API와 createNode 함수를 통해 파일 기반의 번역 데이터를 Gatsby 노드로 변환한다.
• fp-ts의 pipe와 map을 사용하여 여러 언어의 데이터를 하나의 로직으로 효율적으로 처리한다.