import { useIntlayer } from "solid-intlayer";const MyComponent = () => {  const content = useIntlayer("my-dictionary-key");  return (    <div>      <h1>{content.title}</h1>      <p>{content.description}</p>    </div>  );};

설명

이 훅은 다음 작업을 수행합니다:

로케일 감지: IntlayerProvider 컨텍스트의 현재 로케일을 사용합니다.
사전 주입: Intlayer 컴파일러가 생성한 최적화된 선언을 사용해 제공된 키에 해당하는 사전의 내용을 자동으로 주입합니다.
반응성: 전역 로케일 상태가 변경될 때 자동으로 재평가되는 Solid accessor(Accessor<T>)를 반환합니다.
번역 처리: 감지된 로케일을 기반으로 콘텐츠를 결정하며, 딕셔너리 내에서 발견되는 t(), enu() 등 정의들을 처리합니다.

매개변수

key: 딕셔너리의 고유 키(콘텐츠 선언 파일에 정의된 대로).
locale (선택 사항): 현재 로케일을 오버라이드합니다.

반환값

지역화된 콘텐츠를 반환하는 accessor 함수 (() => Content).

Intlayer의 이점

생성:2026-01-21마지막 업데이트:2026-05-06

이 문서를 원하는 AI 어시스턴트에 참조하세요

ChatGPT

Claude

DeepSeek

Google AI mode Gemini

Perplexity Mistral

Grok

이 페이지와 원하는 AI 어시스턴트를 사용하여 문서를 요약합니다

버전 기록

"Solid useIntlayer API 사용법을 직접 속성 액세스로 업데이트"
v8.9.02026. 5. 4.
"모든 export에 대한 문서 통합"
v8.0.02026. 1. 21.

이 페이지의 콘텐츠는 AI를 사용하여 번역되었습니다.

영어 원본 내용의 최신 버전을 보기

문서 수정

이 문서를 개선할 아이디어가 있으시면 GitHub에 풀 리퀘스트를 제출하여 자유롭게 기여해 주세요.

문서에 대한 GitHub 링크

복사

문서의 Markdown을 클립보드에 복사

useIntlayer 훅 문서

사용법

tsx

코드 복사

코드를 클립보드에 복사

import { useIntlayer } from "solid-intlayer";const MyComponent = () => {  const content = useIntlayer("my-dictionary-key");  return (    <div>      <h1>{content.title}</h1>      <p>{content.description}</p>    </div>  );};

import { useIntlayer } from "solid-intlayer";const MyComponent = () => {  const content = useIntlayer("my-dictionary-key");  return (    <div>      <h1>{content.title}</h1>      <p>{content.description}</p>    </div>  );};

설명

이 훅은 다음 작업을 수행합니다:

로케일 감지: IntlayerProvider 컨텍스트의 현재 로케일을 사용합니다.
사전 주입: Intlayer 컴파일러가 생성한 최적화된 선언을 사용해 제공된 키에 해당하는 사전의 내용을 자동으로 주입합니다.
반응성: 전역 로케일 상태가 변경될 때 자동으로 재평가되는 Solid accessor(Accessor<T>)를 반환합니다.
번역 처리: 감지된 로케일을 기반으로 콘텐츠를 결정하며, 딕셔너리 내에서 발견되는 t(), enu() 등 정의들을 처리합니다.

매개변수

key: 딕셔너리의 고유 키(콘텐츠 선언 파일에 정의된 대로).
locale (선택 사항): 현재 로케일을 오버라이드합니다.

반환값

지역화된 콘텐츠를 반환하는 accessor 함수 (() => Content).

Intlayer의 이점