@intlayer/docs 6.0.2 → 6.1.0

package/docs/ko/packages/intlayer/index.md

@@ -1,499 +0,0 @@
----
-createdAt: 2024-08-11
-updatedAt: 2025-06-29
-title: 패키지 문서 | intlayer
-description: intlayer 패키지 사용 방법 보기
-keywords:
-  - Intlayer
-  - intlayer
-  - 국제화
-  - 문서
-  - Next.js
-  - JavaScript
-  - React
-slugs:
-  - doc
-  - packages
-  - intlayer
----
-
-# intlayer: 다국어 사전(i18n) 관리를 위한 NPM 패키지
-
-**Intlayer**는 자바스크립트 개발자를 위해 특별히 설계된 패키지 모음입니다. React, Next.js, Express.js와 같은 프레임워크와 호환됩니다.
-
-**`intlayer` 패키지**는 코드 어디에서나 콘텐츠를 선언할 수 있게 해줍니다. 다국어 콘텐츠 선언을 구조화된 사전으로 변환하여 애플리케이션에 원활하게 통합됩니다. TypeScript와 함께 사용하면, **Intlayer**는 더 강력하고 효율적인 도구를 제공하여 개발을 향상시킵니다.
-
-## Intlayer를 통합해야 하는 이유
-
-- **자바스크립트 기반 콘텐츠 관리**: 자바스크립트의 유연성을 활용하여 콘텐츠를 효율적으로 정의하고 관리할 수 있습니다.
-- **타입 안전 환경**: TypeScript를 활용하여 모든 콘텐츠 정의가 정확하고 오류가 없도록 보장합니다.
-- **통합된 콘텐츠 파일**: 번역을 해당 컴포넌트와 가까이 유지하여 유지보수성과 명확성을 높입니다.
-
-## 설치
-
-선호하는 패키지 관리자를 사용하여 필요한 패키지를 설치하세요:
-
-```bash packageManager="npm"
-npm install intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add intlayer
-```
-
-```bash packageManager="yarn"
-yarn add intlayer
-```
-
-### Intlayer 구성하기
-
-Intlayer는 프로젝트 설정을 위한 구성 파일을 제공합니다. 이 파일을 프로젝트 루트에 배치하세요.
-
-```typescript fileName="intlayer.config.ts" codeFormat="typescript"
-import { Locales, type IntlayerConfig } from "intlayer";
-
-const config: IntlayerConfig = {
-  internationalization: {
-    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
-    defaultLocale: Locales.ENGLISH,
-  },
-};
-
-export default config;
-```
-
-```javascript fileName="intlayer.config.mjs" codeFormat="esm"
-import { Locales } from "intlayer";
-
-/** @type {import('intlayer').IntlayerConfig} */
-const config = {
-  internationalization: {
-    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
-    defaultLocale: Locales.ENGLISH,
-  },
-};
-
-export default config;
-```
-
-```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
-const { Locales } = require("intlayer");
-
-/** @type {import('intlayer').IntlayerConfig} */
-const config = {
-  internationalization: {
-    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
-    defaultLocale: Locales.ENGLISH,
-  },
-};
-
-module.exports = config;
-```
-
-> 사용 가능한 모든 매개변수 목록은 [구성 문서](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/configuration.md)를 참조하세요.
-
-## 사용 예제
-
-Intlayer를 사용하면 코드베이스 어디에서나 구조화된 방식으로 콘텐츠를 선언할 수 있습니다.
-
-기본적으로 Intlayer는 확장자가 `.content.{json,ts,tsx,js,jsx,mjs,mjx,cjs,cjx}`인 파일을 스캔합니다.
-
-> 기본 확장자는 [구성 파일](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/configuration.md)에서 `contentDir` 속성을 설정하여 변경할 수 있습니다.
-
-```bash codeFormat="typescript"
-.
-├── intlayer.config.ts
-└── src
-    ├── ClientComponent
-    │   ├── index.content.ts
-    │   └── index.tsx
-    └── ServerComponent
-        ├── index.content.ts
-        └── index.tsx
-```
-
-```bash codeFormat="esm"
-.
-├── intlayer.config.mjs
-└── src
-    ├── ClientComponent
-    │   ├── index.content.mjs
-    │   └── index.mjx
-    └── ServerComponent
-        ├── index.content.mjs
-        └── index.mjx
-```
-
-```bash codeFormat="commonjs"
-.
-├── intlayer.config.cjs
-└── src
-    ├── ClientComponent
-    │   ├── index.content.cjs
-    │   └── index.cjx
-    └── ServerComponent
-        ├── index.content.cjs
-        └── index.cjx
-```
-
-### 콘텐츠 선언하기
-
-다음은 콘텐츠 선언 예시입니다:
-
-```tsx fileName="src/ClientComponent/index.content.ts" codeFormat="typescript"
-import { t, type Dictionary } from "intlayer";
-
-const clientComponentContent = {
-  key: "client-component",
-  content: {
-    myTranslatedContent: t({
-      en: "Hello World",
-      es: "Hola Mundo",
-      fr: "Bonjour le monde",
-    }),
-    numberOfCar: enu({
-      "<-1": "Less than minus one car",
-      "-1": "Minus one car",
-      "0": "No cars",
-      "1": "One car",
-      ">5": "Some cars",
-      ">19": "많은 자동차",
-    }),
-  },
-} satisfies Dictionary;
-
-export default clientComponentContent;
-```
-
-```jsx fileName="src/ClientComponent/index.content.mjs" contentDeclarationFormat="esm"
-import { t } from "intlayer";
-
-/** @type {import('intlayer').Dictionary} */
-const clientComponentContent = {
-  key: "client-component",
-  content: {
-    myTranslatedContent: t({
-      en: "Hello World",
-      es: "Hola Mundo",
-      fr: "Bonjour le monde",
-    }),
-    numberOfCar: enu({
-      "<-1": "마이너스 1대 미만의 자동차",
-      "-1": "마이너스 1대의 자동차",
-      "0": "자동차 없음",
-      "1": "자동차 1대",
-      ">5": "몇 대의 자동차",
-      ">19": "많은 자동차",
-    }),
-  },
-};
-
-export default clientComponentContent;
-```
-
-```jsx fileName="src/ClientComponent/index.content.cjs" contentDeclarationFormat="commonjs"
-const { t } = require("intlayer");
-
-/** @type {import('intlayer').Dictionary} */
-const clientComponentContent = {
-  key: "client-component",
-  content: {
-    myTranslatedContent: t({
-      en: "Hello World",
-      es: "Hola Mundo",
-      fr: "Bonjour le monde",
-    }),
-    numberOfCar: enu({
-      "<-1": "마이너스 1대 미만의 자동차",
-      "-1": "마이너스 1대의 자동차",
-      "0": "자동차 없음",
-      "1": "자동차 1대",
-      ">5": "몇 대의 자동차",
-      ">19": "많은 자동차",
-    }),
-  },
-};
-
-module.exports = clientComponentContent;
-```
-
-```json fileName="src/ClientComponent/index.content.json" codeFormat="json"
-{
-  "key": "client-component",
-  "content": {
-    "myTranslatedContent": {
-      "nodeType": "translation",
-      "translation": {
-        "en": "Hello World",
-        "fr": "Bonjour le monde",
-        "es": "Hola Mundo"
-      }
-    },
-    "numberOfCar": {
-      "nodeType": "enumeration",
-      "enumeration": {
-        "<-1": "마이너스 1대 미만의 자동차",
-        "-1": "마이너스 1대의 자동차",
-        "0": "자동차 없음",
-        "1": "자동차 1대",
-        ">5": "몇 대의 자동차",
-        ">19": "많은 자동차"
-      }
-    }
-  }
-}
-```
-
-### 사전 빌드하기
-
-[intlayer-cli](https://github.com/aymericzip/intlayer/blob/main/packages/intlayer-cli/readme.md)를 사용하여 사전을 빌드할 수 있습니다.
-
-```bash packageManager="npm"
-npx intlayer dictionaries build
-```
-
-```bash packageManager="yarn"
-yarn intlayer build
-```
-
-```bash packageManager="pnpm"
-pnpm intlayer build
-```
-
-이 명령어는 모든 `*.content.*` 파일을 스캔하고, 컴파일하며, 결과를 **`intlayer.config.ts`** 파일에 지정된 디렉토리에 기록합니다(기본값은 `./.intlayer`).
-
-일반적인 출력 예시는 다음과 같습니다:
-
-```bash
-.
-└── .intlayer
-    ├── dictionary  # 콘텐츠 사전을 포함합니다
-    │   ├── client-component.json
-    │   └── server-component.json
-    ├── main  # 애플리케이션에서 사용할 사전의 진입점을 포함합니다
-    │   ├── dictionary.cjs
-    │   └── dictionary.mjs
-    └── types  # 사전의 자동 생성된 타입 정의를 포함합니다
-        ├── intlayer.d.ts  # Intlayer의 자동 생성된 타입 정의를 포함합니다
-        ├── client-component.d.ts
-        └── server-component.d.ts
-```
-
-### i18next 리소스 빌드
-
-Intlayer는 [i18next](https://www.i18next.com/)용 사전을 생성하도록 구성할 수 있습니다. 이를 위해 `intlayer.config.ts` 파일에 다음 구성을 추가해야 합니다:
-
-```typescript fileName="intlayer.config.ts" codeFormat="typescript"
-import { Locales, type IntlayerConfig } from "intlayer";
-
-const config: IntlayerConfig = {
-  /* ... */
-  content: {
-    // Intlayer에게 i18next용 메시지 파일을 생성하도록 지시합니다
-    dictionaryOutput: ["i18next"],
-
-    // Intlayer가 메시지 JSON 파일을 작성할 디렉토리입니다
-    i18nextResourcesDir: "./i18next/resources",
-  },
-};
-```
-
-```typescript fileName="intlayer.config.mjs" codeFormat="esm"
-import { Locales } from "intlayer";
-
-/** @type {import('intlayer').IntlayerConfig} */
-const config = {
-  /* ... */
-  content: {
-    // Intlayer가 i18next용 메시지 파일을 생성하도록 지시합니다.
-    dictionaryOutput: ["i18next"],
-
-    // Intlayer가 메시지 JSON 파일을 작성할 디렉토리입니다.
-    i18nextResourcesDir: "./i18next/resources",
-  },
-};
-
-export default config;
-```
-
-```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
-const { Locales } = require("intlayer");
-
-/** @type {import('intlayer').IntlayerConfig} */
-const config = {
-  /* ... */
-  content: {
-    // Intlayer가 i18next용 메시지 파일을 생성하도록 지시합니다.
-    dictionaryOutput: ["i18next"],
-
-    // Intlayer가 메시지 JSON 파일을 작성할 디렉토리입니다.
-    i18nextResourcesDir: "./i18next/resources",
-  },
-};
-
-module.exports = config;
-```
-
-> 사용 가능한 모든 매개변수 목록은 [구성 문서](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/configuration.md)를 참조하세요.
-
-출력:
-
-```bash
-.
-└── i18next
-    └── resources
-        ├── en
-        │   ├── client-component.json
-        │   └── server-component.json
-        ├── es
-        │   ├── client-component.json
-        │   └── server-component.json
-        └── fr
-            ├── client-component.json
-            └── server-component.json
-```
-
-예를 들어, **en/client-component.json** 파일은 다음과 같을 수 있습니다:
-
-```json fileName="intlayer/dictionary/en/client-component.json"
-{
-  "myTranslatedContent": "Hello World",
-  "zero_numberOfCar": "No cars",
-  "one_numberOfCar": "One car",
-  "two_numberOfCar": "Two cars",
-  "other_numberOfCar": "몇 대의 자동차"
-}
-```
-
-### next-intl 사전 빌드하기
-
-Intlayer는 [i18next](https://www.i18next.com/) 또는 [next-intl](https://github.com/formatjs/react-intl/tree/main/packages/next-intl)용 사전을 빌드하도록 구성할 수 있습니다. 이를 위해 `intlayer.config.ts` 파일에 다음 구성을 추가해야 합니다:
-
-```typescript fileName="intlayer.config.ts" codeFormat="typescript"
-import { Locales, type IntlayerConfig } from "intlayer";
-
-const config: IntlayerConfig = {
-  /* ... */
-  content: {
-    // Intlayer에게 i18next용 메시지 파일을 생성하도록 지시합니다
-    dictionaryOutput: ["next-intl"],
-
-    // Intlayer가 메시지 JSON 파일을 작성할 디렉토리
-    nextIntlMessagesDir: "./i18next/messages",
-  },
-};
-```
-
-```typescript fileName="intlayer.config.mjs" codeFormat="esm"
-import { Locales } from "intlayer";
-
-/** @type {import('intlayer').IntlayerConfig} */
-const config = {
-  /* ... */
-  content: {
-    // Intlayer에게 next-intl용 메시지 파일을 생성하도록 지시합니다
-    dictionaryOutput: ["next-intl"],
-
-    // Intlayer가 메시지 JSON 파일을 작성할 디렉터리
-    nextIntlMessagesDir: "./i18next/messages",
-  },
-};
-
-export default config;
-```
-
-```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
-const { Locales } = require("intlayer");
-
-/** @type {import('intlayer').IntlayerConfig} */
-const config = {
-  /* ... */
-  content: {
-    // Intlayer에게 next-intl용 메시지 파일을 생성하도록 지시합니다
-    dictionaryOutput: ["next-intl"],
-
-    // Intlayer가 메시지 JSON 파일을 작성할 디렉토리
-    nextIntlMessagesDir: "./intl/messages",
-  },
-};
-
-module.exports = config;
-```
-
-> 사용 가능한 모든 매개변수 목록은 [구성 문서](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/configuration.md)를 참조하세요.
-
-출력 예:
-
-```bash
-.
-└── intl
-    └── messages
-        ├── en
-        │   ├── client-component.json
-        │   └── server-component.json
-        ├── es
-        │   ├── client-component.json
-        │   └── server-component.json
-        └── fr
-            ├── client-component.json
-            └── server-component.json
-```
-
-예를 들어, **en/client-component.json** 파일은 다음과 같을 수 있습니다:
-
-```json fileName="intlayer/dictionary/en/client-component.json"
-{
-  "myTranslatedContent": "안녕하세요 세계",
-  "zero_numberOfCar": "차가 없습니다",
-  "one_numberOfCar": "차 한 대",
-  "two_numberOfCar": "차 두 대",
-  "other_numberOfCar": "몇 대의 차"
-}
-```
-
-## CLI 도구
-
-Intlayer는 다음과 같은 CLI 도구를 제공합니다:
-
-- 콘텐츠 선언을 감사하고 누락된 번역을 완성
-- 콘텐츠 선언에서 사전(dictionary) 생성
-- CMS에서 로컬 프로젝트로 원격 사전을 푸시 및 풀
-
-자세한 내용은 [intlayer-cli](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/intlayer_cli.md)를 참고하세요.
-
-## 애플리케이션에서 Intlayer 사용하기
-
-콘텐츠가 선언되면, 애플리케이션에서 Intlayer 사전을 사용할 수 있습니다.
-
-Intlayer는 애플리케이션용 패키지로 제공됩니다.
-
-### React 애플리케이션
-
-React 애플리케이션에서 Intlayer를 사용하려면 [react-intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/react-intlayer/index.md)를 사용할 수 있습니다.
-
-### Next.js 애플리케이션
-
-Next.js 애플리케이션에서 Intlayer를 사용하려면 [next-intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/next-intlayer/index.md)를 사용할 수 있습니다.
-
-### Express 애플리케이션
-
-Express 애플리케이션에서 Intlayer를 사용하려면 [express-intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/express-intlayer/index.md)를 사용할 수 있습니다.
-
-## `intlayer` 패키지가 제공하는 함수들
-
-`intlayer` 패키지는 애플리케이션의 국제화를 돕기 위한 몇 가지 함수도 제공합니다.
-
-- [`getConfiguration()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/intlayer/getConfiguration.md)
-- [`getTranslation()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/intlayer/getTranslation.md)
-- [`getEnumeration()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/intlayer/getEnumeration.md)
-- [`getLocaleName()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/intlayer/getLocaleName.md)
-- [`getLocaleLang()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/intlayer/getLocaleLang.md)
-- [`getHTMLTextDir()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/intlayer/getHTMLTextDir.md)
-- [`getPathWithoutLocale()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/intlayer/getPathWithoutLocale.md)
-- [`getMultilingualUrls()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/intlayer/getMultilingualUrls.md)
-- [`getLocalizedUrl()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/intlayer/getLocalizedUrl.md)
-- [`getPathWithoutLocale()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/intlayer/getPathWithoutLocale.md)
-
-## 문서 이력
-
-- 5.5.10 - 2025-06-29: 이력 초기화

package/docs/ko/packages/intlayer-cli/index.md

@@ -1,65 +0,0 @@
----
-createdAt: 2025-02-07
-updatedAt: 2025-06-29
-title: intlayer-cli - 국제화용 커맨드 라인 도구
-description: 번역 관리, 사전 구축, 국제화 워크플로우 자동화를 위한 도구를 제공하는 Intlayer의 커맨드 라인 인터페이스 패키지입니다.
-keywords:
-  - intlayer
-  - CLI
-  - 커맨드 라인
-  - 국제화
-  - i18n
-  - 도구
-  - NPM
-  - 자동화
-slugs:
-  - doc
-  - package
-  - intlayer-cli
----
-
-# intlayer-cli: Intlayer CLI 사용을 위한 NPM 패키지
-
-**Intlayer**는 자바스크립트 개발자를 위해 특별히 설계된 패키지 모음입니다. React, React Native, Express.js와 같은 프레임워크와 호환됩니다.
-
-**`intlayer-cli`** 패키지는 `@intlayer/cli` 패키지를 사용하며, `intlayer` 커맨드 라인 인터페이스에서 사용할 수 있도록 해주는 NPM 패키지입니다.
-
-> [`intlayer`](https://github.com/aymericzip/intlayer/tree/main/docs/ko/packages/intlayer/index.md) 패키지가 설치되어 있다면 이 패키지는 필요하지 않습니다. `intlayer` 패키지와 비교했을 때, `intlayer-cli` 패키지는 `@intlayer/core` 의존성이 없는 CLI 도구만 포함하는 더 가벼운 패키지입니다.
-
-## 설치
-
-선호하는 패키지 관리자를 사용하여 필요한 패키지를 설치하세요:
-
-```bash packageManager="npm"
-npm install intlayer-cli -g
-```
-
-```bash packageManager="pnpm"
-pnpm add intlayer-cli -g
-```
-
-```bash packageManager="yarn"
-yarn add intlayer-cli -g
-```
-
-## 사용법
-
-`intlayer-cli` 패키지를 사용하는 예시는 다음과 같습니다:
-
-```bash
-npx intlayer dictionaries build
-```
-
-## CLI 명령어
-
-Intlayer는 다음과 같은 CLI 도구를 제공합니다:
-
-- 콘텐츠 선언을 감사하고 누락된 번역을 완성합니다
-- 콘텐츠 선언에서 사전을 빌드합니다
-- CMS에서 로컬 프로젝트로 원격 사전을 푸시 및 풀합니다
-
-자세한 내용은 [intlayer-cli](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/intlayer_cli.md)를 참조하세요.
-
-## 문서 이력
-
-- 5.5.10 - 2025-06-29: 초기 이력

package/docs/ko/packages/intlayer-editor/index.md

@@ -1,137 +0,0 @@
----
-createdAt: 2025-02-07
-updatedAt: 2025-06-29
-title: intlayer-editor - 시각적 번역 편집기 패키지
-description: Intlayer를 위한 시각적 편집기 패키지로, 번역 관리와 AI 지원 협업 콘텐츠 편집을 위한 직관적인 인터페이스를 제공합니다.
-keywords:
-  - intlayer
-  - 편집기
-  - 시각적
-  - 번역
-  - 협업
-  - AI
-  - NPM
-  - 인터페이스
-slugs:
-  - doc
-  - package
-  - intlayer-editor
----
-
-# intlayer-editor: Intlayer 시각적 편집기를 사용하기 위한 NPM 패키지
-
-**Intlayer**는 자바스크립트 개발자를 위해 특별히 설계된 패키지 모음입니다. React, React Native, Express.js와 같은 프레임워크와 호환됩니다.
-
-**`intlayer-editor`** 패키지는 Intlayer 시각적 편집기를 React 프로젝트에 통합하는 NPM 패키지입니다.
-
-## Intlayer 편집기 작동 방식
-
-Intlayer 편집기는 Intlayer 원격 사전과 상호작용할 수 있게 해줍니다. 클라이언트 측에 설치할 수 있으며, 애플리케이션을 CMS와 유사한 편집기로 변환하여 구성된 모든 언어의 사이트 콘텐츠를 관리할 수 있습니다.
-
-![Intlayer 편집기 인터페이스](https://github.com/aymericzip/intlayer/blob/main/docs/assets/intlayer_editor_ui.png)
-
-## 설치
-
-선호하는 패키지 관리자를 사용하여 필요한 패키지를 설치하세요:
-
-```bash packageManager="npm"
-npm install intlayer-editor
-```
-
-```bash packageManager="pnpm"
-pnpm add intlayer-editor
-```
-
-```bash packageManager="yarn"
-yarn add intlayer-editor
-```
-
-### 구성
-
-Intlayer 구성 파일에서 편집기 설정을 사용자 정의할 수 있습니다:
-
-```typescript
-const config: IntlayerConfig = {
-  // ... 기타 구성 설정
-  editor: {
-    enabled: process.env.INTLAYER_ENABLED === "true", // false인 경우, 편집기가 비활성화되어 접근할 수 없습니다.
-    // 편집기를 활성화하려면 클라이언트 ID와 클라이언트 시크릿이 필요합니다.
-    // 이는 콘텐츠를 편집하는 사용자를 식별하는 데 사용됩니다.
-    // Intlayer 대시보드 - 프로젝트(https://intlayer.org/dashboard/projects)에서 새 클라이언트를 생성하여 얻을 수 있습니다.
-    clientId: process.env.INTLAYER_CLIENT_ID,
-    clientSecret: process.env.INTLAYER_CLIENT_SECRET,
-  },
-};
-```
-
-> 클라이언트 ID와 클라이언트 시크릿이 없는 경우, [Intlayer 대시보드 - 프로젝트](https://intlayer.org/dashboard/projects)에서 새 클라이언트를 생성하여 얻을 수 있습니다.
-
-> 사용 가능한 모든 매개변수를 확인하려면 [구성 문서](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/configuration.md)를 참조하세요.
-
-`intlayer-editor` 패키지는 Intlayer를 기반으로 하며 React(Create React App), Vite + React, Next.js와 같은 JavaScript 애플리케이션에서 사용할 수 있습니다.
-
-패키지 설치 방법에 대한 자세한 내용은 아래 관련 섹션을 참조하세요:
-
-### Next.js와 통합하기
-
-Next.js와의 통합에 대해서는 [설정 가이드](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/intlayer_with_nextjs_15.md)를 참조하세요.
-
-### Create React App과 통합하기
-
-Create React App과 통합하려면, [설치 가이드](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/intlayer_with_create_react_app.md)를 참조하세요.
-
-### Vite + React와 통합하기
-
-Vite + React와 통합하려면, [설치 가이드](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/intlayer_with_vite+react.md)를 참조하세요.
-
-### 통합 예제
-
-Intlayer 시각 편집기를 React 프로젝트에 통합하려면 다음 단계를 따르세요:
-
-- React 애플리케이션에 Intlayer 편집기 컴포넌트를 가져옵니다:
-
-  ```tsx fileName="src/App.jsx"
-  import { IntlayerEditorProvider } from "intlayer-editor";
-  import { IntlayerProvider } from "react-intlayer";
-
-  export default function App() {
-    return (
-      <IntlayerProvider>
-        <IntlayerEditorProvider>
-          <IntlayerEditor>{/* 여기에 앱 콘텐츠를 작성하세요 */}</IntlayerEditor>
-        </IntlayerEditorProvider>
-      </IntlayerProvider>
-    );
-  }
-  ```
-
-- Next.js 애플리케이션에 Intlayer 에디터 스타일을 임포트하세요:
-
-  ```tsx fileName="src/app/[locale]/layout.jsx"
-  import { IntlayerEditorStyles } from "intlayer-editor";
-
-  export default async function RootLayout({ children, params }) {
-    const { locale } = await params;
-    return (
-      <IntlayerClientProvider locale={locale}>
-        <IntlayerEditorProvider>
-          <html lang={locale}>
-            <body className={IntlayerEditorStyles}>{children}</body>
-          </html>
-        </IntlayerEditorProvider>
-      </IntlayerClientProvider>
-    );
-  }
-  ```
-
-## 에디터 사용하기
-
-에디터가 설치되고 활성화되어 시작되면, 커서를 콘텐츠 위에 올려놓아 Intlayer에 의해 인덱싱된 각 필드를 확인할 수 있습니다.
-
-![콘텐츠 위에 커서 올리기](https://github.com/aymericzip/intlayer/blob/main/docs/assets/intlayer_editor_hover_content.png)
-
-콘텐츠가 윤곽선으로 표시되면, 길게 눌러 편집 서랍을 표시할 수 있습니다.
-
-## 문서 이력
-
-- 5.5.10 - 2025-06-29: 초기 이력