feat: add internationalization message platform

src/features/reference-feature/contracts/reference-mapper.ts

@@ -6,7 +6,7 @@ import {
 export type ReferenceResourceView = Readonly<{
   resourceId: string;
   title: string;
-  createdAtLabel: string | null;
+  createdAt: string | null;
   optimistic?: boolean;
 }>;
 
@@ -44,14 +44,10 @@ export function mapReferenceOperation(
 
 export function toReferenceView(
   resource: ReferenceResource,
-  formatDate: (value: Date) => string = (value) =>
-    new Intl.DateTimeFormat("ko-KR").format(value),
 ): ReferenceResourceView {
   return Object.freeze({
     resourceId: resource.id,
     title: resource.displayName,
-    createdAtLabel: resource.createdAt
-      ? formatDate(new Date(resource.createdAt))
-      : null,
+    createdAt: resource.createdAt,
   });
 }

src/features/reference-feature/contracts/reference-message-catalog.js

@@ -0,0 +1,22 @@
+export const REFERENCE_MESSAGE_CATALOGS = Object.freeze({
+  "ko-KR": Object.freeze({
+    "route.REFERENCE_RESOURCE_LIST.navigation": "Reference feature",
+    "route.REFERENCE_RESOURCE_LIST.title": "Reference resources",
+    "route.REFERENCE_RESOURCE_DETAIL.navigation": "Reference detail",
+    "route.REFERENCE_RESOURCE_DETAIL.title": "Reference resource detail",
+    "route.REFERENCE_RESOURCE_FORM.navigation": "Reference form",
+    "route.REFERENCE_RESOURCE_FORM.title": "Create reference resource",
+    "route.REFERENCE_RESOURCE_STATUS.navigation": "Reference status",
+    "route.REFERENCE_RESOURCE_STATUS.title": "Reference resource status",
+  }),
+  "en-US": Object.freeze({
+    "route.REFERENCE_RESOURCE_LIST.navigation": "Reference feature",
+    "route.REFERENCE_RESOURCE_LIST.title": "Reference resources",
+    "route.REFERENCE_RESOURCE_DETAIL.navigation": "Reference detail",
+    "route.REFERENCE_RESOURCE_DETAIL.title": "Reference resource detail",
+    "route.REFERENCE_RESOURCE_FORM.navigation": "Reference form",
+    "route.REFERENCE_RESOURCE_FORM.title": "Create reference resource",
+    "route.REFERENCE_RESOURCE_STATUS.navigation": "Reference status",
+    "route.REFERENCE_RESOURCE_STATUS.title": "Reference resource status",
+  }),
+});

src/features/reference-feature/presentation/reference-resource-detail-page.tsx

@@ -5,9 +5,11 @@ import {
   DetailPage,
 } from "../../../presentation/design-system/index.js";
 import { useRouteInput } from "../../../presentation/routes/app-router.js";
+import { useLocale } from "../../../presentation/i18n/index.js";
 import { useReferenceDetail } from "./use-reference-feature.js";
 
 export default function ReferenceResourceDetailPage() {
+  const { date, message } = useLocale();
   const route = useRouteInput();
   const resourceId = String(route.params.resourceId);
   const { query } = useReferenceDetail(resourceId);
@@ -30,7 +32,11 @@ export default function ReferenceResourceDetailPage() {
             <dt>Resource ID</dt>
             <dd>{resource.resourceId}</dd>
             <dt>Created</dt>
-            <dd>{resource.createdAtLabel ?? "표시 정보 없음"}</dd>
+            <dd>
+              {resource.createdAt
+                ? date(new Date(resource.createdAt))
+                : message("common.noDisplayValue")}
+            </dd>
           </dl>
         ) : (
           <p>요약 정보를 준비하고 있습니다.</p>

src/features/reference-feature/presentation/use-reference-feature.ts

@@ -70,7 +70,7 @@ export function useReferenceFeature() {
           {
             resourceId: `optimistic:${command.name}`,
             title: command.name,
-            createdAtLabel: null,
+            createdAt: null,
             optimistic: true,
           },
         ];