@intlayer/docs 6.0.2 → 6.1.1

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

@@ -1,286 +0,0 @@
----
-createdAt: 2024-08-11
-updatedAt: 2025-06-29
-title: 패키지 문서 | react-intlayer
-description: react-intlayer 패키지 사용 방법 보기
-keywords:
-  - Intlayer
-  - react-intlayer
-  - 국제화
-  - 문서
-  - Next.js
-  - JavaScript
-  - React
-slugs:
-  - doc
-  - packages
-  - react-intlayer
----
-
-# react-intlayer: React 애플리케이션을 국제화(i18n)하기 위한 NPM 패키지
-
-**Intlayer**는 자바스크립트 개발자를 위해 특별히 설계된 패키지 모음입니다. React, React, Express.js와 같은 프레임워크와 호환됩니다.
-
-**`react-intlayer` 패키지**는 React 애플리케이션을 국제화할 수 있게 해줍니다. React 국제화를 위한 컨텍스트 프로바이더와 훅을 제공합니다.
-
-## React 애플리케이션을 국제화해야 하는 이유
-
-React 애플리케이션을 국제화하는 것은 전 세계 사용자에게 효과적으로 서비스를 제공하기 위해 필수적입니다. 이를 통해 애플리케이션은 각 사용자가 선호하는 언어로 콘텐츠와 메시지를 전달할 수 있습니다. 이러한 기능은 사용자 경험을 향상시키고, 다양한 언어 배경을 가진 사람들에게 더 접근 가능하고 관련성 높은 애플리케이션으로 만들어 애플리케이션의 범위를 넓혀줍니다.
-
-## Intlayer를 통합해야 하는 이유
-
-- **JavaScript 기반 콘텐츠 관리**: JavaScript의 유연성을 활용하여 콘텐츠를 효율적으로 정의하고 관리할 수 있습니다.
-- **타입 안전 환경**: TypeScript를 활용하여 모든 콘텐츠 정의가 정확하고 오류가 없도록 보장합니다.
-- **통합된 콘텐츠 파일**: 번역을 해당 컴포넌트와 가까이 유지하여 유지보수성과 명확성을 향상시킵니다.
-
-## 설치
-
-선호하는 패키지 관리자를 사용하여 필요한 패키지를 설치하세요:
-
-```bash packageManager="npm"
-npm install react-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add react-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add react-intlayer
-```
-
-## 사용 예시
-
-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
-    └── components
-        ├── Component1
-        │   ├── index.content.ts
-        │   └── index.tsx
-        └── Component2
-            ├── index.content.ts
-            └── index.tsx
-```
-
-```bash codeFormat="esm"
-.
-├── intlayer.config.mjs
-└── src
-    └── components
-        ├── Component1
-        │   ├── index.content.mjs
-        │   └── index.mjx
-        └── Component2
-            ├── index.content.mjs
-            └── index.mjx
-```
-
-```bash codeFormat="commonjs"
-.
-├── intlayer.config.cjs
-└── src
-    └── components
-        ├── Component1
-        │   ├── index.content.cjs
-        │   └── index.cjx
-        └── Component2
-            ├── index.content.cjs
-            └── index.cjx
-```
-
-### 콘텐츠 선언하기
-
-`react-intlayer`는 [`intlayer` 패키지](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/intlayer/index.md)와 함께 작동하도록 만들어졌습니다. `intlayer`는 코드 어디서든 콘텐츠를 선언할 수 있게 해주는 패키지입니다. 다국어 콘텐츠 선언을 구조화된 사전(dictionary)으로 변환하여 애플리케이션에 원활하게 통합할 수 있습니다.
-
-다음은 콘텐츠 선언 예시입니다:
-
-```tsx fileName="src/Component1/index.content.ts" codeFormat="typescript"
-import { t, type Dictionary } from "intlayer";
-
-const component1Content = {
-  key: "component-1",
-  content: {
-    myTranslatedContent: t({
-      en: "Hello World",
-      es: "Hola Mundo",
-      fr: "Bonjour le monde",
-    }),
-    numberOfCar: enu({
-      "<-1": "마이너스 1대 미만의 자동차",
-      "-1": "마이너스 1대의 자동차",
-      "0": "자동차 없음",
-      "1": "자동차 1대",
-      ">5": "몇 대의 자동차",
-      ">19": "많은 자동차",
-    }),
-  },
-} satisfies Dictionary;
-
-export default component1Content;
-```
-
-```jsx fileName="src/Component1/index.content.mjs" contentDeclarationFormat="esm"
-import { t } from "intlayer";
-
-/** @type {import('intlayer').Dictionary} */
-const component1Content = {
-  key: "component-1",
-  content: {
-    myTranslatedContent: t({
-      en: "Hello World",
-      es: "Hola Mundo",
-      fr: "Bonjour le monde",
-    }),
-    numberOfCar: enu({
-      "<-1": "마이너스 1대 미만의 자동차",
-      "-1": "마이너스 1대의 자동차",
-      "0": "차 없음",
-      "1": "한 대의 차",
-      ">5": "몇 대의 차",
-      ">19": "많은 차",
-    }),
-  },
-};
-
-export default component1Content;
-```
-
-```jsx fileName="src/Component1/index.content.cjs" contentDeclarationFormat="commonjs"
-const { t } = require("intlayer");
-
-/** @type {import('intlayer').Dictionary} */
-const component1Content = {
-  key: "component-1",
-  content: {
-    myTranslatedContent: t({
-      en: "Hello World",
-      es: "Hola Mundo",
-      fr: "Bonjour le monde",
-    }),
-    numberOfCar: enu({
-      "<-1": "마이너스 1대 미만의 차",
-      "-1": "마이너스 1대의 차",
-      "0": "차 없음",
-      "1": "한 대의 차",
-      ">5": "몇 대의 차",
-      ">19": "많은 차",
-    }),
-  },
-};
-
-module.exports = component1Content;
-```
-
-```json fileName="src/Component1/index.content.json" codeFormat="json"
-{
-  "key": "component-1",
-  "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": "많은 자동차"
-      }
-    }
-  }
-}
-```
-
-### 코드에서 콘텐츠 활용하기
-
-콘텐츠를 선언한 후, 코드에서 이를 사용할 수 있습니다. 다음은 React 컴포넌트에서 콘텐츠를 사용하는 예제입니다:
-
-```tsx {4,7} fileName="src/components/Component1Example.tsx" codeFormat="typescript"
-"use client";
-
-import type { FC } from "react";
-import { useIntlayer } from "react-intlayer";
-
-export const Component1Example: FC = () => {
-  const { myTranslatedContent } = useIntlayer("component-1"); // 관련 콘텐츠 선언 생성
-
-  return (
-    <div>
-      <p>{myTranslatedContent}</p>
-    </div>
-  );
-};
-```
-
-```jsx {3,6} fileName="src/components/Component1Example.mjx" codeFormat="esm"
-"use client";
-
-import { useIntlayer } from "react-intlayer";
-
-const Component1Example = () => {
-  const { myTranslatedContent } = useIntlayer("component-1"); // 관련 콘텐츠 선언 생성
-
-  return (
-    <div>
-      <p>{myTranslatedContent}</p>
-    </div>
-  );
-};
-```
-
-```jsx {3,6} fileName="src/components/Component1Example.csx" codeFormat="commonjs"
-"use client";
-
-const { useIntlayer } = require("react-intlayer");
-
-const Component1Example = () => {
-  const { myTranslatedContent } = useIntlayer("component-1"); // 관련 콘텐츠 선언 생성
-
-  return (
-    <div>
-      <p>{myTranslatedContent}</p>
-    </div>
-  );
-};
-```
-
-## React 애플리케이션의 국제화 마스터하기
-
-Intlayer는 React 애플리케이션을 국제화하는 데 도움이 되는 다양한 기능을 제공합니다.
-
-**이 기능들에 대해 더 알아보려면, Vite 및 React 애플리케이션용 [Intlayer와 함께하는 React 국제화(i18n)](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/intlayer_with_vite+react.md) 가이드나, React Create App용 [Intlayer와 함께하는 React 국제화(i18n) (CRA)](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/intlayer_with_create_react_app.md) 가이드를 참고하세요.**
-
-## `react-intlayer` 패키지가 제공하는 함수들
-
-`react-intlayer` 패키지는 애플리케이션의 국제화를 돕기 위한 몇 가지 함수도 제공합니다.
-
-- [`t()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/react-intlayer/t.md)
-  **이 기능들에 대해 더 알아보려면, Vite 및 React 애플리케이션용 [Intlayer와 Vite 및 React를 이용한 React 국제화(i18n)](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/intlayer_with_vite+react.md) 가이드나 React Create App용 [Intlayer와 React (CRA)를 이용한 React 국제화(i18n)](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/intlayer_with_create_react_app.md) 가이드를 참조하세요.**
-
-## `react-intlayer` 패키지에서 제공하는 함수들
-
-`react-intlayer` 패키지는 애플리케이션의 국제화를 돕기 위한 몇 가지 함수도 제공합니다.
-
-- [`t()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/react-intlayer/t.md)
-- [`useIntlayer()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/react-intlayer/useIntlayer.md)
-- [`useDictionary()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/react-intlayer/useDictionary.md)
-- [`useLocale()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/react-intlayer/useLocale.md)
-
-## 문서 이력
-
-- 5.5.10 - 2025-06-29: 초기 이력 생성

package/docs/ko/packages/react-native-intlayer/index.md

@@ -1,83 +0,0 @@
----
-createdAt: 2025-03-13
-updatedAt: 2025-06-29
-title: 패키지 문서 | react-native-intlayer
-description: react-native-intlayer 패키지 사용 방법 보기
-keywords:
-  - Intlayer
-  - React Native
-  - react-native-intlayer
-  - 국제화
-  - 문서
-  - Next.js
-  - JavaScript
-  - React
-slugs:
-  - doc
-  - packages
-  - react-native-intlayer
----
-
-# react-native-intlayer: React Native 애플리케이션 국제화(i18n)
-
-**Intlayer**는 자바스크립트 개발자를 위해 특별히 설계된 패키지 모음입니다. React, React, Express.js와 같은 프레임워크와 호환됩니다.
-
-**`react-native-intlayer` 패키지**는 Vite 애플리케이션을 국제화할 수 있게 해줍니다. 이 패키지는 [Metro 번들러](https://docs.expo.dev/guides/customizing-metro/)에 환경 변수로 설정을 전달할 수 있는 Metro 플러그인을 포함하고 있습니다.
-
-## React Native 애플리케이션을 국제화해야 하는 이유
-
-React Native 애플리케이션을 국제화하는 것은 전 세계 사용자에게 효과적으로 서비스를 제공하기 위해 필수적입니다. 이를 통해 애플리케이션은 각 사용자가 선호하는 언어로 콘텐츠와 메시지를 전달할 수 있습니다. 이러한 기능은 사용자 경험을 향상시키고, 다양한 언어 배경을 가진 사람들에게 더 접근 가능하고 관련성 높은 애플리케이션으로 만들어 애플리케이션의 범위를 넓혀줍니다.
-
-## 구성
-
-`react-native-intlayer` 패키지는 [`react-intlayer` 패키지](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/react-intlayer/index.md) 및 [`intlayer` 패키지](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/intlayer/index.md)와 원활하게 작동합니다. 자세한 내용은 관련 문서를 참조하세요.
-
-## 설치
-
-선호하는 패키지 관리자를 사용하여 필요한 패키지를 설치하세요:
-
-```bash packageManager="npm"
-npm install react-native-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add react-native-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add react-native-intlayer
-```
-
-## 사용 예시
-
-vite 구성에 플러그인을 포함하는 방법의 예시를 확인하세요.
-
-```js
-// metro.config.js
-const { getDefaultConfig } = require("expo/metro-config");
-const { configMetroIntlayer } = require("react-native-intlayer/metro");
-
-module.exports = (async () => {
-  const defaultConfig = getDefaultConfig(__dirname);
-
-  return await configMetroIntlayer(defaultConfig);
-})();
-```
-
-## Vite 애플리케이션의 국제화 마스터하기
-
-Intlayer는 Vite 애플리케이션을 국제화하는 데 도움이 되는 다양한 기능을 제공합니다.
-
-**이 기능들에 대해 더 알아보려면, React Native 애플리케이션을 위한 [Intlayer와 React Native를 이용한 React 국제화(i18n)](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/intlayer_with_react_native+expo.md) 가이드를 참고하세요.**
-
-## Intlayer에 대해 알아보기
-
-- [Intlayer 웹사이트](https://intlayer.org)
-- [Intlayer 문서](https://intlayer.org/doc)
-- [Intlayer GitHub](https://github.com/aymericzip/intlayer)
-
-- [스마트 문서에 질문하기](https://intlayer.org/docchat)
-
-## 문서 이력
-
-- 5.5.10 - 2025-06-29: 초기 이력

package/docs/ko/packages/react-scripts-intlayer/index.md

@@ -1,80 +0,0 @@
----
-createdAt: 2024-08-11
-updatedAt: 2025-06-29
-title: 패키지 문서 | react-scripts-intlayer
-description: react-scripts-intlayer 패키지 사용 방법 보기
-keywords:
-  - Intlayer
-  - react-scripts-intlayer
-  - 국제화
-  - 문서
-  - Next.js
-  - JavaScript
-  - React
-slugs:
-  - doc
-  - packages
-  - react-scripts-intlayer
----
-
-# react-scripts-intlayer: React Create App 애플리케이션에서 Intlayer를 사용하기 위한 NPM 패키지
-
-**Intlayer**는 자바스크립트 개발자를 위해 특별히 설계된 패키지 모음입니다. React, React, Express.js와 같은 프레임워크와 호환됩니다.
-
-**`react-scripts-intlayer` 패키지**는 Create React App 기반 애플리케이션에 Intlayer를 통합하기 위한 `react-scripts-intlayer` 명령어와 플러그인을 포함합니다. 이 플러그인들은 [craco](https://craco.js.org/)를 기반으로 하며, [Webpack](https://webpack.js.org/) 번들러에 대한 추가 구성을 포함합니다.
-
-## 구성
-
-`react-scripts-intlayer` 패키지는 [`react-intlayer` 패키지](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/react-intlayer/index.md) 및 [`intlayer` 패키지](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/intlayer/index.md)와 원활하게 작동합니다. 자세한 내용은 관련 문서를 참조하세요.
-
-## 설치
-
-선호하는 패키지 관리자를 사용하여 필요한 패키지를 설치하세요:
-
-```bash packageManager="npm"
-npm install react-scripts-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add react-scripts-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add react-scripts-intlayer
-```
-
-## 사용법
-
-### CLI 명령어
-
-`react-scripts-intlayer` 패키지는 다음과 같은 CLI 명령어를 제공합니다:
-
-- `npx react-scripts-intlayer build`: Intlayer 구성을 사용하여 React 애플리케이션을 빌드합니다.
-- `npx react-scripts-intlayer start`: Intlayer 구성을 사용하여 개발 서버를 시작합니다.
-
-### package.json 스크립트 교체
-
-`react-scripts-intlayer` 패키지를 사용하려면, `package.json`의 스크립트를 다음 명령어로 교체해야 합니다:
-
-```json fileName="package.json"
-{
-  "scripts": {
-    "start": "react-scripts-intlayer start",
-    "build": "react-scripts-intlayer build"
-  }
-}
-```
-
-## 사용자 정의 Webpack 구성 사용
-
-`react-scripts-intlayer`는 Webpack 구성을 사용자 정의할 수 있는 [craco](https://craco.js.org/)를 기반으로 합니다.
-Webpack 구성을 사용자 정의해야 하는 경우, intlayer craco 플러그인을 기반으로 자체 설정을 구현할 수도 있습니다. [여기에서 예제 보기](https://github.com/aymericzip/intlayer/blob/main/examples/react-app/craco.config.js).
-
-## React Create App용 전체 Intlayer 가이드 읽기
-
-Intlayer는 React 애플리케이션의 국제화를 돕기 위한 다양한 기능을 제공합니다.
-[Intlayer를 React Create App과 함께 사용하는 방법 보기](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/intlayer_with_create_react_app.md).
-
-## 문서 이력
-
-- 5.5.10 - 2025-06-29: 초기 이력

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

@@ -1,54 +0,0 @@
----
-createdAt: 2024-08-11
-updatedAt: 2025-06-29
-title: 패키지 문서 | solid-intlayer
-description: solid-intlayer 패키지 사용 방법 보기
-keywords:
-  - Intlayer
-  - solid-intlayer
-  - 국제화
-  - 문서
-  - Next.js
-  - JavaScript
-  - React
-slugs:
-  - doc
-  - packages
-  - solid-intlayer
----
-
-# solid-intlayer: Solid 애플리케이션을 국제화(i18n)하기 위한 NPM 패키지
-
-**Intlayer**는 자바스크립트 개발자를 위해 특별히 설계된 패키지 모음입니다. Solid, Solid, Express.js와 같은 프레임워크와 호환됩니다.
-
-**`solid-intlayer` 패키지**는 Solid 애플리케이션을 국제화할 수 있게 해줍니다. Solid 국제화를 위한 컨텍스트 제공자와 훅을 제공합니다.
-
-## Solid 애플리케이션을 국제화해야 하는 이유
-
-Solid 애플리케이션을 국제화하는 것은 전 세계 사용자에게 효과적으로 서비스를 제공하는 데 필수적입니다. 이를 통해 각 사용자가 선호하는 언어로 콘텐츠와 메시지를 전달할 수 있습니다. 이 기능은 사용자 경험을 향상시키고, 다양한 언어 배경을 가진 사람들에게 더 접근 가능하고 관련성 높은 애플리케이션으로 만들어 애플리케이션의 범위를 넓혀줍니다.
-
-## Intlayer를 통합해야 하는 이유
-
-- **자바스크립트 기반 콘텐츠 관리**: 자바스크립트의 유연성을 활용하여 콘텐츠를 효율적으로 정의하고 관리할 수 있습니다.
-- **타입 안전 환경**: TypeScript를 활용하여 모든 콘텐츠 정의가 정확하고 오류가 없도록 보장합니다.
-- **통합 콘텐츠 파일**: 번역을 해당 컴포넌트와 가깝게 유지하여 유지보수성과 명확성을 향상시킵니다.
-
-## 설치
-
-선호하는 패키지 관리자를 사용하여 필요한 패키지를 설치하세요:
-
-```bash packageManager="npm"
-npm install solid-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add solid-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add solid-intlayer
-```
-
-## 문서 이력
-
-- 5.5.10 - 2025-06-29: 초기 이력

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

@@ -1,53 +0,0 @@
----
-createdAt: 2025-04-18
-updatedAt: 2025-06-29
-title: 패키지 문서 | svelte-intlayer
-description: svelte-intlayer 패키지 사용 방법 보기
-keywords:
-  - Intlayer
-  - svelte-intlayer
-  - 국제화
-  - 문서
-  - 자바스크립트
-  - 스벨트
-slugs:
-  - doc
-  - packages
-  - svelte-intlayer
----
-
-# svelte-intlayer: Solid 애플리케이션 국제화(i18n)를 위한 NPM 패키지
-
-**Intlayer**는 자바스크립트 개발자를 위해 특별히 설계된 패키지 모음입니다. Solid, Solid, Express.js와 같은 프레임워크와 호환됩니다.
-
-**`svelte-intlayer` 패키지**는 Solid 애플리케이션을 국제화할 수 있게 해줍니다. Solid 국제화를 위한 컨텍스트 제공자와 훅을 제공합니다.
-
-## Solid 애플리케이션을 국제화해야 하는 이유
-
-Solid 애플리케이션을 국제화하는 것은 전 세계 사용자에게 효과적으로 서비스를 제공하는 데 필수적입니다. 이를 통해 애플리케이션은 각 사용자가 선호하는 언어로 콘텐츠와 메시지를 전달할 수 있습니다. 이러한 기능은 사용자 경험을 향상시키고, 다양한 언어 배경을 가진 사람들에게 더 접근 가능하고 관련성 있게 만들어 애플리케이션의 범위를 넓혀줍니다.
-
-## Intlayer를 통합해야 하는 이유
-
-- **자바스크립트 기반 콘텐츠 관리**: 자바스크립트의 유연성을 활용하여 콘텐츠를 효율적으로 정의하고 관리할 수 있습니다.
-- **타입 안전 환경**: TypeScript를 활용하여 모든 콘텐츠 정의가 정확하고 오류가 없도록 보장합니다.
-- **통합된 콘텐츠 파일**: 번역을 해당 컴포넌트와 가깝게 유지하여 유지보수성과 명확성을 향상시킵니다.
-
-## 설치
-
-선호하는 패키지 관리자를 사용하여 필요한 패키지를 설치하세요:
-
-```bash packageManager="npm"
-npm install svelte-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add svelte-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add svelte-intlayer
-```
-
-## 문서 이력
-
-- 5.5.10 - 2025-06-29: 초기 이력

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

@@ -1,76 +0,0 @@
----
-createdAt: 2024-08-11
-updatedAt: 2025-06-29
-title: 패키지 문서 | vite-intlayer
-description: vite-intlayer 패키지 사용 방법 보기
-keywords:
-  - Intlayer
-  - vite-intlayer
-  - 국제화
-  - 문서
-  - Next.js
-  - JavaScript
-  - React
-slugs:
-  - doc
-  - packages
-  - vite-intlayer
----
-
-# vite-intlayer: Vite 애플리케이션을 국제화(i18n)하기 위한 NPM 패키지
-
-**Intlayer**는 자바스크립트 개발자를 위해 특별히 설계된 패키지 모음입니다. React, React, Express.js와 같은 프레임워크와 호환됩니다.
-
-**`vite-intlayer` 패키지**는 Vite 애플리케이션을 국제화할 수 있게 해줍니다. 이 패키지는 환경 변수를 통해 설정을 적용할 수 있는 Vite 플러그인을 포함하고 있으며, 이는 [Vite 번들러](https://vitejs.dev/guide/why.html#why-bundle-for-production)에서 사용됩니다. 또한 사용자의 선호 로케일을 감지하고, [설정](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/configuration.md)에 명시된 대로 적절한 URL로 사용자를 리디렉션하는 미들웨어도 제공합니다.
-
-## 왜 Vite 애플리케이션을 국제화해야 할까요?
-
-Vite 애플리케이션을 국제화하는 것은 전 세계 사용자에게 효과적으로 서비스를 제공하는 데 필수적입니다. 이를 통해 애플리케이션은 각 사용자가 선호하는 언어로 콘텐츠와 메시지를 전달할 수 있습니다. 이러한 기능은 사용자 경험을 향상시키고, 다양한 언어 배경을 가진 사람들에게 더 접근 가능하고 관련성 있게 만들어 애플리케이션의 범위를 넓혀줍니다.
-
-## 설정
-
-`vite-intlayer` 패키지는 [`react-intlayer` 패키지](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/react-intlayer/index.md) 및 [`intlayer` 패키지](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/intlayer/index.md)와 원활하게 작동합니다. 자세한 내용은 관련 문서를 참조하세요.
-
-## 설치
-
-필요한 패키지를 선호하는 패키지 관리자를 사용하여 설치하세요:
-
-```bash packageManager="npm"
-npm install vite-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add vite-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add vite-intlayer
-```
-
-## 사용 예시
-
-vite 구성에 플러그인을 포함하는 방법의 예시를 확인하세요.
-
-```typescript fileName="vite.config.ts"
-import { defineConfig } from "vite";
-import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [intlayer(), intlayerMiddlewarePlugin()],
-});
-```
-
-> `intlayer()` Vite 플러그인은 Intlayer를 Vite와 통합하는 데 사용됩니다. 이 플러그인은 콘텐츠 선언 파일을 빌드하고 개발 모드에서 이를 모니터링하는 기능을 보장합니다. 또한 Vite 애플리케이션 내에서 Intlayer 환경 변수를 정의하며, 성능 최적화를 위해 별칭(alias)을 제공합니다.
-
-> `intlayerMiddlewarePlugin()`은 애플리케이션에 서버 사이드 라우팅을 추가합니다. 이 플러그인은 URL을 기반으로 현재 로케일을 자동으로 감지하고 적절한 로케일 쿠키를 설정합니다. 로케일이 지정되지 않은 경우, 사용자의 브라우저 언어 설정을 기반으로 가장 적합한 로케일을 결정합니다. 만약 로케일이 감지되지 않으면 기본 로케일로 리디렉션합니다.
-
-## Vite 애플리케이션의 국제화 마스터하기
-
-Intlayer는 Vite 애플리케이션의 국제화를 돕기 위한 다양한 기능을 제공합니다.
-
-**이 기능들에 대해 더 자세히 알고 싶다면, Vite 및 React 애플리케이션용 [Intlayer와 Vite 및 React를 이용한 React 국제화(i18n)](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/intlayer_with_vite+react.md) 가이드를 참조하세요.**
-
-## 문서 이력
-
-- 5.5.10 - 2025-06-29: 초기 이력

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

@@ -1,53 +0,0 @@
----
-createdAt: 2025-04-18
-updatedAt: 2025-06-29
-title: 패키지 문서 | vue-intlayer
-description: vue-intlayer 패키지 사용 방법 보기
-keywords:
-  - Intlayer
-  - vue-intlayer
-  - 국제화
-  - 문서
-  - 자바스크립트
-  - Vue
-slugs:
-  - doc
-  - packages
-  - vue-intlayer
----
-
-# vue-intlayer: Vue 애플리케이션을 국제화(i18n)하기 위한 NPM 패키지
-
-**Intlayer**는 자바스크립트 개발자를 위해 특별히 설계된 패키지 모음입니다. Vue, Vue, Express.js와 같은 프레임워크와 호환됩니다.
-
-**`vue-intlayer` 패키지**는 Vue 애플리케이션을 국제화할 수 있게 해줍니다. Vue 국제화를 위한 컨텍스트 제공자와 훅을 제공합니다.
-
-## 왜 Vue 애플리케이션을 국제화해야 하나요?
-
-Vue 애플리케이션을 국제화하는 것은 전 세계 사용자를 효과적으로 지원하는 데 필수적입니다. 이를 통해 애플리케이션은 각 사용자가 선호하는 언어로 콘텐츠와 메시지를 전달할 수 있습니다. 이러한 기능은 사용자 경험을 향상시키고, 다양한 언어 배경을 가진 사람들에게 더 접근 가능하고 관련성 높은 애플리케이션으로 만들어 애플리케이션의 범위를 넓혀줍니다.
-
-## 왜 Intlayer를 통합해야 하나요?
-
-- **자바스크립트 기반 콘텐츠 관리**: 자바스크립트의 유연성을 활용하여 콘텐츠를 효율적으로 정의하고 관리할 수 있습니다.
-- **타입 안전 환경**: TypeScript를 활용하여 모든 콘텐츠 정의가 정확하고 오류가 없도록 보장합니다.
-- **통합된 콘텐츠 파일**: 번역을 해당 컴포넌트와 가깝게 유지하여 유지보수성과 명확성을 향상시킵니다.
-
-## 설치
-
-선호하는 패키지 관리자를 사용하여 필요한 패키지를 설치하세요:
-
-```bash packageManager="npm"
-npm install vue-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add vue-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add vue-intlayer
-```
-
-## 문서 이력
-
-- 5.5.10 - 2025-06-29: 초기 이력