@intlayer/docs 5.5.8

package/ko/introduction.md

@@ -0,0 +1,186 @@
+# Intlayer 문서
+
+공식 Intlayer 문서에 오신 것을 환영합니다! 여기에서 Next.js, React, Vite, Express 또는 기타 JavaScript 환경에서 국제화(i18n) 요구 사항을 통합, 구성 및 마스터하는 데 필요한 모든 정보를 찾을 수 있습니다.
+
+## 소개
+
+### Intlayer란 무엇인가요?
+
+**Intlayer**는 JavaScript 개발자를 위해 설계된 국제화 라이브러리입니다. 코드를 작성하는 어디에서나 콘텐츠를 선언할 수 있도록 합니다. 다국어 콘텐츠 선언을 구조화된 사전으로 변환하여 코드에 쉽게 통합할 수 있습니다. TypeScript를 사용하여 **Intlayer**는 개발을 더욱 강력하고 효율적으로 만듭니다.
+
+Intlayer는 또한 콘텐츠를 쉽게 편집하고 관리할 수 있는 선택적 시각적 편집기를 제공합니다. 이 편집기는 콘텐츠 관리를 위한 시각적 인터페이스를 선호하는 개발자나 코드에 대해 걱정하지 않고 콘텐츠를 생성하는 팀에게 특히 유용합니다.
+
+### 사용 예시
+
+```bash codeFormat="typescript"
+.
+└── Components
+    └── MyComponent
+        ├── index.content.ts
+        └── index.tsx
+```
+
+```bash codeFormat="commonjs"
+.
+└── Components
+    └── MyComponent
+        ├── index.content.cjs
+        └── index.mjs
+```
+
+```bash codeFormat="esm"
+.
+└── Components
+    └── MyComponent
+        ├── index.content.mjs
+        └── index.js
+```
+
+```tsx fileName="src/components/MyComponent/index.content.ts" contentDeclarationFormat="typescript"
+import { t, type Dictionary } from "intlayer";
+
+const componentContent = {
+  key: "component-key",
+  content: {
+    myTranslatedContent: t({
+      en: "Hello World",
+      fr: "Bonjour le monde",
+      es: "Hola Mundo",
+    }),
+  },
+} satisfies Dictionary;
+
+export default componentContent;
+```
+
+```javascript fileName="src/components/MyComponent/index.content.mjs" contentDeclarationFormat="esm"
+import { t } from "intlayer";
+
+/** @type {import('intlayer').Dictionary} */
+const componentContent = {
+  key: "component-key",
+  content: {
+    myTranslatedContent: t({
+      en: "Hello World",
+      fr: "Bonjour le monde",
+      es: "Hola Mundo",
+    }),
+  },
+};
+
+export default componentContent;
+```
+
+```javascript fileName="src/components/MyComponent/index.content.cjs" contentDeclarationFormat="commonjs"
+const { t } = require("intlayer");
+
+/** @type {import('intlayer').Dictionary} */
+const componentContent = {
+  key: "component-key",
+  content: {
+    myTranslatedContent: t({
+      en: "Hello World",
+      fr: "Bonjour le monde",
+      es: "Hola Mundo",
+    }),
+  },
+};
+
+module.exports = componentContent;
+```
+
+```json fileName="src/components/MyComponent/index.content.json" contentDeclarationFormat="json"
+{
+  "$schema": "https://intlayer.org/schema.json",
+  "key": "component-key",
+  "content": {
+    "myTranslatedContent": {
+      "nodeType": "translation",
+      "translation": {
+        "en": "Hello World",
+        "fr": "Bonjour le monde",
+        "es": "Hola Mundo"
+      }
+    }
+  }
+}
+```
+
+```tsx fileName="src/components/MyComponent/index.tsx" codeFormat="typescript"
+import type { FC } from "react";
+import { useIntlayer } from "react-intlayer";
+
+export const MyComponent: FC = () => {
+  const { myTranslatedContent } = useIntlayer("component-key");
+
+  return <span>{myTranslatedContent}</span>;
+};
+```
+
+```jsx fileName="src/components/MyComponent/index.mjx" codeFormat="esm"
+import { useIntlayer } from "react-intlayer";
+
+const MyComponent = () => {
+  const { myTranslatedContent } = useIntlayer("component-key");
+
+  return <span>{myTranslatedContent}</span>;
+};
+```
+
+```jsx fileName="src/components/MyComponent/index.csx" codeFormat="commonjs"
+const { useIntlayer } = require("react-intlayer");
+
+const MyComponent = () => {
+  const { myTranslatedContent } = useIntlayer("component-key");
+
+  return <span>{myTranslatedContent}</span>;
+};
+```
+
+## 주요 기능
+
+Intlayer는 현대 웹 개발의 요구를 충족시키기 위해 다양한 기능을 제공합니다. 아래는 주요 기능과 각 기능에 대한 자세한 문서 링크입니다:
+
+- **국제화 지원**: 내장된 국제화 지원으로 애플리케이션의 글로벌 도달 범위를 향상시킵니다.
+- **시각적 편집기**: Intlayer를 위해 설계된 편집기 플러그인으로 개발 워크플로를 개선합니다. [시각적 편집기 가이드](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_visual_editor.md)를 확인하세요.
+- **구성 유연성**: [구성 가이드](https://github.com/aymericzip/intlayer/blob/main/docs/ko/configuration.md)에 자세히 설명된 광범위한 구성 옵션으로 설정을 사용자 정의하세요.
+- **고급 CLI 도구**: Intlayer의 명령줄 인터페이스를 사용하여 프로젝트를 효율적으로 관리하세요. [CLI 도구 문서](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_cli.md)에서 기능을 탐색하세요.
+
+## 핵심 개념
+
+### 사전(Dictionary)
+
+다국어 콘텐츠를 코드 가까이에 조직하여 모든 것을 일관되고 유지 관리 가능하게 만드세요.
+
+- **[시작하기](https://github.com/aymericzip/intlayer/blob/main/docs/ko/dictionary/get_started.md)**  
+  Intlayer에서 콘텐츠를 선언하는 기본 사항을 배우세요.
+
+- **[번역](https://github.com/aymericzip/intlayer/blob/main/docs/ko/dictionary/translation.md)**  
+  번역이 생성, 저장 및 애플리케이션에서 활용되는 방법을 이해하세요.
+
+- **[열거](https://github.com/aymericzip/intlayer/blob/main/docs/ko/dictionary/enumeration.md)**  
+  다양한 언어에서 반복되거나 고정된 데이터 세트를 쉽게 관리하세요.
+
+- **[함수 가져오기](https://github.com/aymericzip/intlayer/blob/main/docs/ko/dictionary/function_fetching.md)**  
+  프로젝트 워크플로에 맞는 사용자 정의 로직으로 콘텐츠를 동적으로 가져오는 방법을 확인하세요.
+
+### 환경 및 통합
+
+Intlayer는 유연성을 염두에 두고 설계되어 인기 있는 프레임워크 및 빌드 도구와 원활하게 통합됩니다:
+
+- **[Next.js 15과 Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_with_nextjs_15.md)**
+- **[Next.js 14(App Router)와 Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_with_nextjs_14.md)**
+- **[Next.js 페이지 라우터와 Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_with_nextjs_page_router.md)**
+- **[React CRA와 Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_with_create_react_app.md)**
+- **[Vite + React와 Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_with_vite+react.md)**
+- **[Express와 Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_with_express.md)**
+
+각 통합 가이드에는 **서버 사이드 렌더링**, **동적 라우팅**, **클라이언트 사이드 렌더링**과 같은 Intlayer 기능을 사용하는 모범 사례가 포함되어 있어 빠르고 SEO 친화적이며 고도로 확장 가능한 애플리케이션을 유지할 수 있습니다.
+
+## 기여 및 피드백
+
+우리는 오픈 소스와 커뮤니티 주도의 개발의 힘을 소중히 여깁니다. 개선 사항을 제안하거나 새로운 가이드를 추가하거나 문서의 문제를 수정하려면 [GitHub 리포지토리](https://github.com/aymericzip/intlayer/blob/main/docs)에서 Pull Request를 제출하거나 이슈를 열어주세요.
+
+**애플리케이션을 더 빠르고 효율적으로 번역할 준비가 되셨나요?** Intlayer를 사용하여 문서를 탐색하고 오늘 바로 시작하세요. 콘텐츠를 체계적으로 유지하고 팀의 생산성을 높이는 강력하고 간소화된 국제화 접근 방식을 경험해 보세요.
+
+행복한 번역 되세요!

package/ko/mcp_server.md

@@ -0,0 +1,150 @@
+# Intlayer MCP 서버
+
+**Intlayer MCP (Model Context Protocol) 서버**는 Intlayer 생태계를 위해 AI 기반의 IDE 지원을 제공합니다. **Cursor**, **GitHub Copilot workspace**, 그리고 MCP 프로토콜을 지원하는 모든 IDE와 같은 현대적인 개발자 환경을 위해 설계된 이 서버는 프로젝트 설정에 기반한 실시간 컨텍스트 지원을 제공합니다.
+
+## Intlayer MCP 서버를 사용하는 이유
+
+IDE에서 Intlayer MCP 서버를 활성화하면 다음과 같은 기능을 사용할 수 있습니다:
+
+- **스마트 CLI 통합**
+  IDE 인터페이스에서 Intlayer CLI 명령어를 직접 실행하고 접근할 수 있습니다. 명령어와 옵션의 전체 목록은 [Intlayer CLI 문서](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_cli.md)에서 확인할 수 있습니다.
+
+- **컨텍스트 기반 문서화**
+  MCP 서버는 프로젝트에서 사용하는 Intlayer 버전에 해당하는 문서를 로드하고 노출합니다. 이를 통해 코드 제안, 명령어 옵션 및 설명이 항상 최신 상태로 유지되고 관련성이 보장됩니다.
+
+- **AI 지원 개발**
+  프로젝트에 적합한 제안 및 자동 완성을 통해 AI 도우미는 코드 설명, CLI 사용법 추천 또는 현재 파일에 기반한 Intlayer의 특정 기능 사용 방법을 제안할 수 있습니다.
+
+- **경량 및 즉각적인 설정**
+  서버 유지보수나 무거운 설치가 필요하지 않습니다. `.cursor/mcp.json` 또는 동등한 MCP 설정을 구성하면 바로 사용할 수 있습니다.
+
+---
+
+## Cursor 설정
+
+프로젝트 루트에 다음과 같은 `.cursor/mcp.json` 설정 파일을 추가하세요:
+
+```json
+{
+  "mcpServers": {
+    "intlayer": {
+      "command": "npx",
+      "args": ["-y", "@intlayer/mcp"]
+    }
+  }
+}
+```
+
+이는 IDE가 `npx`를 사용하여 Intlayer MCP 서버를 실행하도록 지시하며, 최신 버전을 항상 사용하도록 보장합니다(고정하지 않는 한).
+
+---
+
+## VS Code 설정
+
+Intlayer MCP 서버를 VS Code에서 사용하려면 워크스페이스 또는 사용자 설정에서 이를 구성해야 합니다.
+
+### 워크스페이스 설정
+
+프로젝트 루트에 `.vscode/mcp.json` 파일을 생성하세요:
+
+```json
+{
+  "servers": {
+    "intlayer": {
+      "type": "stdio",
+      "command": "npx",
+      "args": ["-y", "@intlayer/mcp"]
+    }
+  }
+}
+```
+
+### VS Code에서 MCP 서버 사용
+
+1. **에이전트 모드 활성화**: 채팅 뷰를 열고(맥에서는 ⌃⌘I, 윈도우/리눅스에서는 Ctrl+Alt+I) 드롭다운에서 **에이전트** 모드를 선택하세요.
+
+2. **도구 접근**: **도구** 버튼을 클릭하여 사용 가능한 Intlayer 도구를 확인하세요. 필요에 따라 특정 도구를 선택/해제할 수 있습니다.
+
+3. **직접 도구 참조**: 프롬프트에서 `#` 뒤에 도구 이름을 입력하여 도구를 직접 참조하세요.
+
+4. **도구 확인**: 기본적으로 VS Code는 도구 실행 전에 확인을 요청합니다. **계속** 버튼 옵션을 사용하여 현재 세션, 워크스페이스 또는 모든 미래 호출에 대해 도구를 자동으로 확인할 수 있습니다.
+
+### 서버 관리
+
+- 명령 팔레트에서 **MCP: List Servers**를 실행하여 구성된 서버를 확인하세요.
+- 필요에 따라 Intlayer MCP 서버를 시작, 중지 또는 재시작하세요.
+- 서버를 선택하고 **출력 보기**를 선택하여 서버 로그를 확인하고 문제를 해결하세요.
+
+VS Code MCP 통합에 대한 자세한 정보는 [공식 VS Code MCP 문서](https://code.visualstudio.com/docs/copilot/chat/mcp-servers)를 참조하세요.
+
+---
+
+## CLI를 통한 MCP 서버 사용
+
+Intlayer MCP 서버를 명령줄에서 직접 실행하여 테스트, 디버깅 또는 다른 도구와의 통합에 사용할 수 있습니다.
+
+### MCP 서버 설치
+
+먼저 MCP 서버 패키지를 전역으로 설치하거나 npx를 통해 사용하세요:
+
+```bash
+# 전역 설치
+npm install -g @intlayer/mcp
+
+# 또는 npx를 통해 직접 사용 (권장)
+npx @intlayer/mcp
+```
+
+### 서버 시작
+
+디버깅 및 테스트를 위해 인스펙터와 함께 MCP 서버를 시작하려면:
+
+```bash
+# 내장된 시작 명령 사용
+npm run start
+
+# 또는 npx를 통해 직접 실행
+npx @modelcontextprotocol/inspector npx @intlayer/mcp
+```
+
+이 명령은 MCP 서버를 인스펙터 인터페이스와 함께 실행하며, 이를 통해 다음을 수행할 수 있습니다:
+
+- MCP 프로토콜 통신 테스트
+- 서버 응답 디버깅
+- 도구 및 리소스 구현 검증
+- 서버 성능 모니터링
+
+### 개발용 사용
+
+개발 및 테스트 목적으로 서버를 다양한 모드에서 실행할 수 있습니다:
+
+```bash
+# 개발 모드에서 빌드 및 시작
+npm run dev
+
+# 사용자 정의 설정으로 실행
+node dist/cjs/index.cjs
+
+# 서버 기능 테스트
+npm test
+```
+
+서버는 Cursor 또는 기타 IDE뿐만 아니라 MCP 호환 클라이언트에서 사용할 수 있는 Intlayer 전용 도구와 리소스를 노출합니다.
+
+---
+
+## 기능 개요
+
+| 기능          | 설명                                                              |
+| ------------- | ----------------------------------------------------------------- |
+| CLI 지원      | `intlayer` 명령 실행, 사용법 힌트 및 인라인 인수 제공             |
+| 버전별 문서   | 현재 사용 중인 Intlayer 버전에 맞는 문서를 자동으로 감지하고 로드 |
+| 자동 완성     | 입력 중 지능적인 명령어 및 설정 제안                              |
+| 플러그인 지원 | MCP 표준을 지원하는 IDE 및 도구와 호환                            |
+
+---
+
+## 유용한 링크
+
+- [Intlayer CLI 문서](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_cli.md)
+- [Intlayer GitHub 저장소](https://github.com/aymericzip/intlayer)

package/ko/packages/@intlayer/api/index.md

@@ -0,0 +1,31 @@
+# @intlayer/api: Intlayer API와 상호작용하기 위한 NPM 패키지
+
+**Intlayer**는 JavaScript 개발자를 위해 특별히 설계된 패키지 모음입니다. React, React, Express.js와 같은 프레임워크와 호환됩니다.
+
+**`@intlayer/api`** 패키지는 Intlayer API와 상호작용하기 위한 SDK(Software Development Kit)입니다. 콘텐츠 선언을 감사하고, 조직, 프로젝트, 사용자와 상호작용하는 등의 기능을 제공합니다.
+
+## 사용법
+
+```ts
+import { intlayerAPI } from "@intlayer/api";
+
+intlayerAPI.user.getUser({
+  ids: ["user-id-1", "user-id-2"],
+});
+```
+
+## 설치
+
+선호하는 패키지 관리자를 사용하여 필요한 패키지를 설치하십시오:
+
+```bash packageManager="npm"
+npm install @intlayer/api
+```
+
+```bash packageManager="pnpm"
+pnpm add @intlayer/api
+```
+
+```bash packageManager="yarn"
+yarn add @intlayer/api
+```

package/ko/packages/@intlayer/chokidar/index.md

@@ -0,0 +1,31 @@
+# @intlayer/chokidar: NPM 패키지로 Intlayer 선언 파일을 사전으로 스캔하고 빌드하기
+
+**Intlayer**는 JavaScript 개발자를 위해 특별히 설계된 패키지 모음입니다. React, React, Express.js와 같은 프레임워크와 호환됩니다.
+
+**`@intlayer/chokidar`** 패키지는 [chokidar](https://github.com/paulmillr/chokidar)를 사용하여 Intlayer 선언 파일을 사전으로 스캔하고 빌드하며, [Intlayer 구성](https://github.com/aymericzip/intlayer/blob/main/docs/ko/configuration.md)에 따라 작동합니다.
+
+## 사용법
+
+```ts
+import { watch, prepareIntlayer } from "@intlayer/chokidar";
+
+await prepareIntlayer(); // Intlayer 사전 빌드
+
+watch({ persistent: true }); // 구성 파일의 변경 사항 감시
+```
+
+## 설치
+
+선호하는 패키지 관리자를 사용하여 필요한 패키지를 설치하세요:
+
+```bash packageManager="npm"
+npm install @intlayer/chokidar
+```
+
+```bash packageManager="pnpm"
+pnpm add @intlayer/chokidar
+```
+
+```bash packageManager="yarn"
+yarn add @intlayer/chokidar
+```

package/ko/packages/@intlayer/cli/index.md

@@ -0,0 +1,21 @@
+# @intlayer/cli: 인트레이어 CLI에서 제공하는 스크립트를 사용하기 위한 NPM 패키지
+
+**인트레이어(Intlayer)**는 JavaScript 개발자를 위해 특별히 설계된 패키지 모음입니다. React, React, Express.js와 같은 프레임워크와 호환됩니다.
+
+**`@intlayer/cli`** 패키지는 인트레이어 명령줄 인터페이스와 관련된 스크립트를 선언하는 데 사용되는 NPM 패키지입니다. 모든 인트레이어 CLI 명령의 일관성을 보장합니다. 이 패키지는 특히 [intlayer-cli](https://github.com/aymericzip/intlayer/tree/main/docs/ko/packages/intlayer-cli/index.md) 및 [intlayer](https://github.com/aymericzip/intlayer/tree/main/docs/ko/packages/intlayer/index.md) 패키지에서 사용됩니다.
+
+## 설치
+
+선호하는 패키지 관리자를 사용하여 필요한 패키지를 설치하세요:
+
+```bash packageManager="npm"
+npm install @intlayer/cli
+```
+
+```bash packageManager="pnpm"
+pnpm add @intlayer/cli
+```
+
+```bash packageManager="yarn"
+yarn add @intlayer/cli
+```

package/ko/packages/@intlayer/config/index.md

@@ -0,0 +1,116 @@
+# @intlayer/config: NPM 패키지로 Intlayer 구성 가져오기
+
+**Intlayer**는 JavaScript 개발자를 위해 특별히 설계된 패키지 모음입니다. React, React, Express.js와 같은 프레임워크와 호환됩니다.
+
+**`@intlayer/config`** 패키지는 Intlayer의 구성을 가져오고 현재 환경과 관련된 환경 변수를 정의할 수 있는 NPM 패키지입니다.
+
+## 설치
+
+선호하는 패키지 관리자를 사용하여 필요한 패키지를 설치하세요:
+
+```bash packageManager="npm"
+npm install @intlayer/config
+```
+
+```bash packageManager="pnpm"
+pnpm add @intlayer/config
+```
+
+```bash packageManager="yarn"
+yarn add @intlayer/config
+```
+
+## 사용법
+
+### 파일 시스템을 사용하여 Intlayer 구성 읽기
+
+예제:
+
+```ts
+import { getConfiguration, type IntlayerConfig } from "@intlayer/config";
+
+const config: IntlayerConfig = getConfiguration();
+
+console.log(config);
+// 출력:
+// {
+//   internationalization: { ... },
+//   middleware: { ... },
+//   content: { ... },
+//   editor: { ... }
+// }
+```
+
+> 이 함수는 `fs` 패키지를 사용하며 서버 측에서만 작동합니다.
+
+### 환경 변수를 사용하여 Intlayer 구성 읽기
+
+예제:
+
+```ts
+import { getConfiguration, type IntlayerConfig } from "@intlayer/config/client";
+
+const config: IntlayerConfig = getConfiguration({
+  env: "production",
+});
+
+console.log(config);
+// 출력:
+// {
+//   internationalization: { ... },
+//   middleware: { ... },
+//   content: { ... },
+//   editor: { ... }
+// }
+```
+
+> 환경 변수가 정의되지 않은 경우 이 함수는 아무 것도 반환하지 않습니다.
+
+### 환경 변수 정의
+
+1. 구성 파일 생성.
+
+```ts fileName="intlayer.config.ts"
+import { type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  internationalization: {
+    /* ... */
+  },
+  middleware: {
+    /* ... */
+  },
+  content: {
+    /* ... */
+  },
+  editor: {
+    /* ... */
+  },
+};
+
+export default config;
+```
+
+> 자세한 내용은 [Intlayer 구성 문서](https://github.com/aymericzip/intlayer/blob/main/docs/ko/configuration.md)를 참조하세요.
+
+2. 환경 변수 정의.
+
+```ts
+import { getConfiguration } from "@intlayer/config";
+
+const intlayerConfig = getConfiguration();
+
+// 모든 구성 값을 환경 변수로 포맷
+const env = formatEnvVariable();
+
+// 각 포맷된 환경 변수를 process.env에 설정
+Object.assign(process.env, env);
+```
+
+3. 구성 파일 가져오기.
+
+```ts
+import { getConfiguration } from "@intlayer/config/client";
+
+const intlayerConfig = getConfiguration();
+```

package/ko/packages/@intlayer/core/index.md

@@ -0,0 +1,25 @@
+# @intlayer/core: Intlayer 핵심 기능을 포함하는 NPM 패키지
+
+**Intlayer**는 JavaScript 개발자를 위해 특별히 설계된 패키지 모음입니다. React, React, Express.js와 같은 프레임워크와 호환됩니다.
+
+**`@intlayer/core`** 패키지는 여러 패키지에서 공유되는 Intlayer의 핵심 기능을 포함하는 NPM 패키지입니다. 특히 다음을 포함합니다:
+
+- 번역 함수
+- 사전 함수
+- 유틸리티 함수
+
+## 설치
+
+선호하는 패키지 관리자를 사용하여 필요한 패키지를 설치하세요:
+
+```bash packageManager="npm"
+npm install @intlayer/core
+```
+
+```bash packageManager="pnpm"
+pnpm add @intlayer/core
+```
+
+```bash packageManager="yarn"
+yarn add @intlayer/core
+```

package/ko/packages/@intlayer/design-system/index.md

@@ -0,0 +1,21 @@
+# @intlayer/design-system: Intlayer의 UI 라이브러리를 포함하는 NPM 패키지
+
+**Intlayer**는 JavaScript 개발자를 위해 특별히 설계된 패키지 모음입니다. React, React, Express.js와 같은 프레임워크와 호환됩니다.
+
+**`@intlayer/design-system`** 패키지는 Intlayer의 디자인 시스템을 포함하는 NPM 패키지입니다. 이 패키지는 특히 [Intlayer 편집기](https://github.com/aymericzip/intlayer/tree/main/docs/ko/packages/intlayer-editor/index.md), [웹사이트](https://intlayer.org) 및 [비주얼 편집기 / CMS](https://intlayer.org/dashboard)에서 사용됩니다.
+
+## 설치
+
+선호하는 패키지 관리자를 사용하여 필요한 패키지를 설치하세요:
+
+```bash packageManager="npm"
+npm install @intlayer/design-system
+```
+
+```bash packageManager="pnpm"
+pnpm add @intlayer/design-system
+```
+
+```bash packageManager="yarn"
+yarn add @intlayer/design-system
+```

package/ko/packages/@intlayer/dictionary-entry/index.md

@@ -0,0 +1,21 @@
+# @intlayer/dictionary-entry: NPM 패키지로 Intlayer 사전 가져오기
+
+**Intlayer**는 JavaScript 개발자를 위해 특별히 설계된 패키지 모음입니다. React, React, Express.js와 같은 프레임워크와 호환됩니다.
+
+**`@intlayer/dictionary-entry`** 패키지는 Intlayer 사전의 엔트리 경로만 반환하는 NPM 패키지입니다. 브라우저에서 파일 시스템 검색이 불가능하기 때문에 Webpack이나 Rollup과 같은 번들러를 사용하여 사전의 엔트리 경로를 가져오는 것이 불가능합니다. 이 패키지는 이를 해결하기 위해 별칭으로 사용됩니다.
+
+## 설치
+
+선호하는 패키지 관리자를 사용하여 필요한 패키지를 설치하세요:
+
+```bash packageManager="npm"
+npm install @intlayer/dictionary-entry
+```
+
+```bash packageManager="pnpm"
+pnpm add @intlayer/dictionary-entry
+```
+
+```bash packageManager="yarn"
+yarn add @intlayer/dictionary-entry
+```

package/ko/packages/@intlayer/editor/index.md

@@ -0,0 +1,21 @@
+# @intlayer/editor: 응용 프로그램을 Intlayer 편집기와 인터페이스하고 사전을 조작하는 유틸리티를 제공하는 NPM 패키지
+
+**Intlayer**는 JavaScript 개발자를 위해 특별히 설계된 패키지 모음입니다. React, Next.js, Express.js와 같은 프레임워크와 호환됩니다.
+
+**`intlayer-editor`** 패키지는 응용 프로그램을 Intlayer 편집기와 인터페이스하기 위한 유틸리티를 제공합니다. 이 패키지에는 편집기와 상호작용하기 위한 API와 사전을 조작하기 위한 유틸리티가 포함되어 있습니다. 이 패키지는 크로스 플랫폼입니다.
+
+## 설치
+
+선호하는 패키지 관리자를 사용하여 필요한 패키지를 설치하세요:
+
+```bash
+npm install @intlayer/editor
+```
+
+```bash
+yarn add @intlayer/editor
+```
+
+```bash
+pnpm add @intlayer/editor
+```

package/ko/packages/@intlayer/editor-react/index.md

@@ -0,0 +1,21 @@
+# @intlayer/editor-react: 리액트 상태, 컨텍스트, 훅 및 컴포넌트를 제공하여 Intlayer 편집기와 상호작용하는 NPM 패키지
+
+**Intlayer**는 JavaScript 개발자를 위해 특별히 설계된 패키지 모음입니다. React, Next.js, Express.js와 같은 프레임워크와 호환됩니다.
+
+**`@intlayer/editor-react`** 패키지는 React 애플리케이션에서 Intlayer 편집기와 상호작용하기 위한 상태, 컨텍스트, 훅 및 컴포넌트를 제공합니다.
+
+## 설치
+
+선호하는 패키지 관리자를 사용하여 필요한 패키지를 설치하세요:
+
+```bash
+npm install @intlayer/editor-react
+```
+
+```bash
+yarn add @intlayer/editor-react
+```
+
+```bash
+pnpm add @intlayer/editor-react
+```