@intlayer/docs 5.5.10 → 5.5.12

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

@@ -0,0 +1,210 @@
+---
+createdAt: 2024-08-11
+updatedAt: 2025-06-29
+title: useLocale 훅 문서 | react-intlayer
+description: react-intlayer 패키지의 useLocale 훅 사용법을 확인하세요
+keywords:
+  - useLocale
+  - dictionary
+  - key
+  - Intlayer
+  - 국제화
+  - 문서
+  - Next.js
+  - JavaScript
+  - React
+slugs:
+  - doc
+  - packages
+  - react-intlayer
+  - useLocale
+---
+
+# React 통합: `useLocale` 훅 문서
+
+이 섹션에서는 React 애플리케이션에서 로케일 관리를 위해 설계된 `react-intlayer` 라이브러리의 `useLocale` 훅에 대한 자세한 내용을 제공합니다.
+
+## React에서 `useLocale` 가져오기
+
+`useLocale` 훅을 React 애플리케이션에 통합하려면 해당 패키지에서 가져오세요:
+
+```typescript codeFormat="typescript"
+import { useLocale } from "react-intlayer"; // 로케일 관리를 위해 React 컴포넌트에서 사용
+```
+
+```javascript codeFormat="esm"
+import { useLocale } from "react-intlayer"; // 로케일 관리를 위해 React 컴포넌트에서 사용
+```
+
+```javascript codeFormat="commonjs"
+const { useLocale } = require("react-intlayer"); // 로케일 관리를 위해 React 컴포넌트에서 사용
+```
+
+## 개요
+
+`useLocale` 훅은 React 컴포넌트 내에서 로케일 설정에 쉽게 접근하고 조작할 수 있는 방법을 제공합니다. 현재 로케일, 기본 로케일, 사용 가능한 모든 로케일 및 로케일 설정을 업데이트하는 함수에 접근할 수 있습니다.
+
+## 사용법
+
+다음은 React 컴포넌트 내에서 `useLocale` 훅을 사용하는 방법입니다:
+
+```tsx fileName="src/components/LocaleSwitcher.tsx" codeFormat="typescript"
+import type { FC } from "react";
+import { useLocale } from "react-intlayer";
+
+const LocaleSwitcher: FC = () => {
+  const { locale, defaultLocale, availableLocales, setLocale } = useLocale();
+
+  return (
+    <div>
+      <h1>현재 로케일: {locale}</h1>
+      <p>기본 로케일: {defaultLocale}</p>
+      <select value={locale} onChange={(e) => setLocale(e.target.value)}>
+        {availableLocales.map((loc) => (
+          <option key={loc} value={loc}>
+            {loc}
+          </option>
+        ))}
+      </select>
+    </div>
+  );
+};
+
+export default LocaleSwitcher;
+```
+
+```jsx fileName="src/components/LocaleSwitcher.mjx" codeFormat="esm"
+import { useLocale } from "react-intlayer";
+
+const LocaleSwitcher = () => {
+  const { locale, defaultLocale, availableLocales, setLocale } = useLocale();
+
+  return (
+    <div>
+      <h1>현재 로케일: {locale}</h1>
+      <p>기본 로케일: {defaultLocale}</p>
+      <select value={locale} onChange={(e) => setLocale(e.target.value)}>
+        {availableLocales.map((loc) => (
+          <option key={loc} value={loc}>
+            {loc}
+          </option>
+        ))}
+      </select>
+    </div>
+  );
+};
+
+export default LocaleSwitcher;
+```
+
+```jsx fileName="src/components/LocaleSwitcher.csx" codeFormat="commonjs"
+const { useLocale } = require("react-intlayer");
+
+const LocaleSwitcher = () => {
+  const { locale, defaultLocale, availableLocales, setLocale } = useLocale();
+
+  return (
+    <div>
+      <h1>현재 로케일: {locale}</h1>
+      <p>기본 로케일: {defaultLocale}</p>
+      <select value={locale} onChange={(e) => setLocale(e.target.value)}>
+        {availableLocales.map((loc) => (
+          <option key={loc} value={loc}>
+            {loc}
+          </option>
+        ))}
+      </select>
+    </div>
+  );
+};
+
+export default LocaleSwitcher;
+```
+
+## 매개변수 및 반환 값
+
+`useLocale` 훅을 호출하면 다음 속성을 포함하는 객체를 반환합니다:
+
+- **`locale`**: React 컨텍스트에 설정된 현재 로케일입니다.
+- **`defaultLocale`**: 구성에서 정의된 기본 로케일입니다.
+- **`availableLocales`**: 구성에서 정의된 사용 가능한 모든 로케일 목록입니다.
+- **`setLocale`**: 애플리케이션 컨텍스트 내에서 현재 로케일을 업데이트하는 함수입니다.
+
+## 예제
+
+이 예제는 `useLocale` 훅을 사용하여 로케일 스위처를 렌더링하는 컴포넌트를 보여줍니다. 사용자는 이를 통해 애플리케이션의 로케일을 동적으로 변경할 수 있습니다:
+
+```tsx fileName="src/components/LocaleSelector.tsx" codeFormat="typescript"
+import type { FC } from "react";
+import { useLocale } from "react-intlayer";
+
+const LocaleSelector: FC = () => {
+  const { locale, setLocale, availableLocales } = useLocale();
+
+  const handleLocaleChange = (newLocale) => {
+    setLocale(newLocale);
+  };
+
+  return (
+    <select value={locale} onChange={(e) => handleLocaleChange(e.target.value)}>
+      {availableLocales.map((locale) => (
+        <option key={locale} value={locale}>
+          {locale}
+        </option>
+      ))}
+    </select>
+  );
+};
+```
+
+```jsx fileName="src/components/LocaleSelector.mjx" codeFormat="esm"
+import { useLocale } from "react-intlayer";
+
+const LocaleSelector = () => {
+  const { locale, setLocale, availableLocales } = useLocale();
+
+  const handleLocaleChange = (newLocale) => {
+    setLocale(newLocale); // 새로운 로케일로 설정
+  };
+
+  return (
+    <select value={locale} onChange={(e) => handleLocaleChange(e.target.value)}>
+      {availableLocales.map((locale) => (
+        <option key={locale} value={locale}>
+          {locale}
+        </option>
+      ))}
+    </select>
+  );
+};
+```
+
+```jsx fileName="src/components/LocaleSelector.csx" codeFormat="commonjs"
+const { useLocale } = require("react-intlayer");
+
+const LocaleSelector = () => {
+  const { locale, setLocale, availableLocales } = useLocale();
+
+  const handleLocaleChange = (newLocale) => {
+    setLocale(newLocale);
+  };
+
+  return (
+    <select value={locale} onChange={(e) => handleLocaleChange(e.target.value)}>
+      {availableLocales.map((locale) => (
+        <option key={locale} value={locale}>
+          {locale}
+        </option>
+      ))}
+    </select>
+  );
+};
+```
+
+## 결론
+
+`react-intlayer`의 `useLocale` 훅은 React 애플리케이션에서 로케일을 관리하는 데 필수적인 도구로, 다양한 국제 사용자에게 효과적으로 애플리케이션을 적응시키는 데 필요한 기능을 제공합니다.
+
+## 문서 이력
+
+- 5.5.10 - 2025-06-29: 초기 이력

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

@@ -0,0 +1,83 @@
+---
+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

@@ -0,0 +1,80 @@
+---
+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

@@ -0,0 +1,54 @@
+---
+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

@@ -0,0 +1,53 @@
+---
+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

@@ -0,0 +1,76 @@
+---
+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 { intlayerPlugin, intLayerMiddlewarePlugin } from "vite-intlayer";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [intlayerPlugin(), intLayerMiddlewarePlugin()],
+});
+```
+
+> `intlayerPlugin()` 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

@@ -0,0 +1,53 @@
+---
+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: 초기 이력