์ž‘๊ฐ€:
    ์ƒ์„ฑ:2026-01-21๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ:2026-01-21

    preact-intlayer ํŒจํ‚ค์ง€

    preact-intlayer ํŒจํ‚ค์ง€๋Š” Intlayer๋ฅผ Preact ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์— ํ†ตํ•ฉํ•˜๊ธฐ ์œ„ํ•œ ํ•„์ˆ˜ ๋„๊ตฌ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๋‹ค๊ตญ์–ด ์ฝ˜ํ…์ธ ๋ฅผ ์ฒ˜๋ฆฌํ•˜๊ธฐ ์œ„ํ•œ providers์™€ hooks๋ฅผ ํฌํ•จํ•ฉ๋‹ˆ๋‹ค.

    ์„ค์น˜

    bash
    npm install preact-intlayer
    

    ๋‚ด๋ณด๋‚ด๊ธฐ

    ํ”„๋กœ๋ฐ”์ด๋”

    ์ปดํฌ๋„ŒํŠธ ์„ค๋ช…
    IntlayerProvider ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ฐ์‹ธ๊ณ  Intlayer ์ปจํ…์ŠคํŠธ๋ฅผ ์ œ๊ณตํ•˜๋Š” ๋ฉ”์ธ ํ”„๋กœ๋ฐ”์ด๋”.

    ํ›…

    ํ›… ์„ค๋ช… ๊ด€๋ จ ๋ฌธ์„œ
    useIntlayer useDictionary๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•˜๋ฉฐ, ์ƒ์„ฑ๋œ declaration์—์„œ dictionary์˜ ์ตœ์ ํ™”๋œ ๋ฒ„์ „์„ ์ฃผ์ž…ํ•ฉ๋‹ˆ๋‹ค. -
    useDictionary ํ‚ค์™€ ๋‚ด์šฉ(key, content)์ฒ˜๋Ÿผ ๋ณด์ด๋Š” ๊ฐ์ฒด๋ฅผ ์ฒ˜๋ฆฌํ•ฉ๋‹ˆ๋‹ค. t() ๋ฒˆ์—ญ, enumerations ๋“ฑ์„ ์ฒ˜๋ฆฌํ•ฉ๋‹ˆ๋‹ค. -
    useLocale ํ˜„์žฌ ๋กœ์ผ€์ผ๊ณผ ์ด๋ฅผ ์„ค์ •ํ•˜๋Š” ํ•จ์ˆ˜๋ฅผ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. -
    usePathname ๋กœ์ผ€์ผ ์„ธ๊ทธ๋จผํŠธ๊ฐ€ ์ œ๊ฑฐ๋œ ํ˜„์žฌ ๊ฒฝ๋กœ๋ช…(pathname)์„ ๋ฐ˜ํ™˜ํ•˜๋Š” ํ›…์ž…๋‹ˆ๋‹ค. ๋ธŒ๋ผ์šฐ์ € ํƒ์ƒ‰(popstate)์— ๋ฐ˜์‘ํ•ฉ๋‹ˆ๋‹ค. usePathname
    t ํ˜„์žฌ ๋กœ์ผ€์ผ์— ๋”ฐ๋ผ ์ฝ˜ํ…์ธ ๋ฅผ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค. translation

    ์ปดํฌ๋„ŒํŠธ

    Component ์„ค๋ช…
    MarkdownProvider ๋งˆํฌ๋‹ค์šด ๋ Œ๋”๋ง ์ปจํ…์ŠคํŠธ์šฉ Provider.
    MarkdownRenderer ์ปค์Šคํ…€ ์ปดํฌ๋„ŒํŠธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋งˆํฌ๋‹ค์šด ์ฝ˜ํ…์ธ ๋ฅผ ๋ Œ๋”๋งํ•ฉ๋‹ˆ๋‹ค.