์ž‘๊ฐ€:
    ์ƒ์„ฑ:2024-08-11๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ:2025-06-29

    React ํ†ตํ•ฉ: useIntlayer ํ›… ๋ฌธ์„œ

    ์ด ์„น์…˜์—์„œ๋Š” React ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋‚ด์—์„œ useIntlayer ํ›…์„ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์ž์„ธํžˆ ์•ˆ๋‚ดํ•˜๋ฉฐ, ํšจ์œจ์ ์ธ ์ฝ˜ํ…์ธ  ํ˜„์ง€ํ™”๋ฅผ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•ฉ๋‹ˆ๋‹ค.

    React์—์„œ ์‚ฌ์šฉ ์˜ˆ์ œ

    src/components/ServerComponentExample.tsx
    import { useIntlayer } from "react-intlayer/server";
    
    const ServerComponentExample = () => {
      const content = useIntlayer("server-component");
    
      return (
        <div>
          <h1>{content.title}</h1> {/* ์ œ๋ชฉ์„ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค */}
          <p>{content.description}</p> {/* ์„ค๋ช…์„ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค */}
        </div>
      );
    };
    

    ์ถ”๊ฐ€ ์ž๋ฃŒ

    • Intlayer ๋น„์ฃผ์–ผ ์—๋””ํ„ฐ: ๋ณด๋‹ค ์ง๊ด€์ ์ธ ์ฝ˜ํ…์ธ  ๊ด€๋ฆฌ ๊ฒฝํ—˜์„ ์œ„ํ•ด ๋น„์ฃผ์–ผ ์—๋””ํ„ฐ ๋ฌธ์„œ๋ฅผ ์—ฌ๊ธฐ์—์„œ ์ฐธ๊ณ ํ•˜์„ธ์š”.

    ์ด ์„น์…˜์€ React ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ useIntlayer ํ›…์˜ ํ†ตํ•ฉ์„ ๊ตฌ์ฒด์ ์œผ๋กœ ๋‹ค๋ฃจ๋ฉฐ, ํ˜„์ง€ํ™” ๊ณผ์ •์„ ๋‹จ์ˆœํ™”ํ•˜๊ณ  ๋‹ค์–‘ํ•œ ๋กœ์ผ€์ผ ๊ฐ„ ์ฝ˜ํ…์ธ  ์ผ๊ด€์„ฑ์„ ๋ณด์žฅํ•ฉ๋‹ˆ๋‹ค.