fix: capitalization convention

src/routes/(root)/opi/ko/quick-guide/payment/_preview/backend/index.ts

@@ -1,4 +1,4 @@
-export { files as express } from "./express";
+export { files as Express } from "./express";
 export { files as FastAPI } from "./fastapi";
 export { files as Flask } from "./flask";
 export { files as Spring_Kotlin } from "./spring-kotlin";

src/routes/(root)/opi/ko/quick-guide/payment/_preview/frontend/index.ts

@@ -1,2 +1,2 @@
-export { files as html } from "./html";
-export { files as react } from "./react";
+export { files as HTML } from "./html";
+export { files as React } from "./react";

src/routes/(root)/opi/ko/quick-guide/payment/index.mdx

@@ -24,7 +24,7 @@ client:handle-payment-status:paid */}
 
     포트원 브라우저 SDK를 불러옵니다.
 
-    <Condition language="frontend/react">
+    <Condition language="frontend/React">
       아래 명령어로 브라우저 SDK를 설치합니다.
 
       ```shell
@@ -46,9 +46,9 @@ client:handle-payment-status:paid */}
   </Section>
 
   <Section section="client:payment-id">
-    ## Payment ID 설정
+    ## paymentId 설정
 
-    Payment ID는 결제 요청 시 사용하는 고유한 ID입니다. 포트원에서 제공하지 않고 수동으로 생성해야 합니다.
+    paymentId는 결제 요청 시 사용하는 고유한 ID입니다. 포트원에서 제공하지 않고 수동으로 생성해야 합니다.
   </Section>
 
   <Condition when={({ pg: { name } }) => ['ksnet', 'inicis', 'smartro'].includes(name)}>
@@ -72,9 +72,9 @@ client:handle-payment-status:paid */}
   </Condition>
 
   <Section section="client:custom-data">
-    ## Custom Data 설정
+    ## customData 설정
 
-    Custom Data에는 임의의 데이터를 저장할 수 있습니다. 서버에서 결제건 조회 시에 확인할 수 있으며, 상품 정보를 전달하여 서버가 인식한 상품 정보와 일치하는지 확인할 수 있습니다.
+    customData에는 임의의 데이터를 저장할 수 있습니다. 서버에서 결제건 조회 시에 확인할 수 있으며, 상품 정보를 전달하여 서버가 인식한 상품 정보와 일치하는지 확인할 수 있습니다.
   </Section>
 
   <Section section="client:handle-payment-error">
@@ -86,7 +86,7 @@ client:handle-payment-status:paid */}
   <Section section="client:request-server-side-verification">
     ## 서버 측으로 결제 완료 요청
 
-    완료된 결제의 Payment ID를 서버로 전송하여 결제 상태를 반영합니다.
+    완료된 결제의 paymentId를 서버로 전송하여 결제 상태를 반영합니다.
   </Section>
 
   <Condition when={({ pg }) => pg.payMethods !== "virtualAccount" }>
@@ -116,7 +116,7 @@ client:handle-payment-status:paid */}
 
     포트원 서버 SDK를 불러옵니다.
 
-    <Condition language="backend/express">
+    <Condition language="backend/Express">
       아래 명령어로 서버 SDK를 설치합니다.
 
       ```shell
@@ -165,13 +165,13 @@ client:handle-payment-status:paid */}
   <Section section="server:complete-payment:get-payment">
     ## 결제 정보 조회
 
-    브라우저에서 전송한 Payment ID를 통해 실제 결제 상태를 조회합니다.
+    브라우저에서 전송한 paymentId를 통해 실제 결제 상태를 조회합니다.
   </Section>
 
   <Section section="server:complete-payment:verify-payment">
     ## 결제 정보 일치 검증
 
-    포트원에 전달한 Custom Data로 조회한 상품 정보와 결제 정보가 일치하는지 검증합니다.
+    포트원에 전달한 customData로 조회한 상품 정보와 결제 정보가 일치하는지 검증합니다.
   </Section>
 
   <Section section="server:webhook">

src/state/interactive-docs/index.tsx

@@ -259,8 +259,8 @@ const [InteractiveDocsProvider, useInteractiveDocs] = createContextProvider(
       },
     }),
     languages: () => ({
-      frontend: ["react", "html"],
-      backend: ["express", "FastAPI", "Flask", "Spring_Kotlin"],
+      frontend: ["React", "HTML"],
+      backend: ["Express", "FastAPI", "Flask", "Spring_Kotlin"],
       hybrid: [],
     }),
     selectedLanguage: () => ["react", "express"],