์ด ํ์ด์ง์ ์ํ๋ AI ์ด์์คํดํธ๋ฅผ ์ฌ์ฉํ์ฌ ๋ฌธ์๋ฅผ ์์ฝํฉ๋๋ค
์ด ๋ฌธ์๋ ์ค๋๋์์ต๋๋ค. ๊ธฐ๋ณธ ๋ฒ์ ์ด ๋ค์ ๋ ์ง์ ์ ๋ฐ์ดํธ๋์์ต๋๋ค: 2026๋ 9์ 27์ผ.
์๋ฌธ ๋ฌธ์๋ก ์ด๋๋ฒ์ ๊ธฐ๋ก
- "์ด๊ธฐ ์ด๋ ฅ"v5.5.102025. 6. 29.
์ด ํ์ด์ง์ ์ฝํ ์ธ ๋ AI๋ฅผ ์ฌ์ฉํ์ฌ ๋ฒ์ญ๋์์ต๋๋ค.
์์ด ์๋ณธ ๋ด์ฉ์ ์ต์ ๋ฒ์ ์ ๋ณด๊ธฐ์ด ๋ฌธ์๋ฅผ ๊ฐ์ ํ ์์ด๋์ด๊ฐ ์์ผ์๋ฉด GitHub์ ํ ๋ฆฌํ์คํธ๋ฅผ ์ ์ถํ์ฌ ์์ ๋กญ๊ฒ ๊ธฐ์ฌํด ์ฃผ์ธ์.
๋ฌธ์์ ๋ํ GitHub ๋งํฌ๋ฌธ์์ Markdown์ ํด๋ฆฝ๋ณด๋์ ๋ณต์ฌ
React ํตํฉ: useIntlayer ํ
๋ฌธ์
์ด ์น์
์์๋ React ์ ํ๋ฆฌ์ผ์ด์
๋ด์์ useIntlayer ํ
์ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ ๋ํด ์์ธํ ์๋ดํ๋ฉฐ, ํจ์จ์ ์ธ ์ฝํ
์ธ ํ์งํ๋ฅผ ๊ฐ๋ฅํ๊ฒ ํฉ๋๋ค.
React์์ ์ฌ์ฉ ์์
์ฝ๋๋ฅผ ํด๋ฆฝ๋ณด๋์ ๋ณต์ฌ
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 ํ
์ ํตํฉ์ ๊ตฌ์ฒด์ ์ผ๋ก ๋ค๋ฃจ๋ฉฐ, ํ์งํ ๊ณผ์ ์ ๋จ์ํํ๊ณ ๋ค์ํ ๋ก์ผ์ผ ๊ฐ ์ฝํ
์ธ ์ผ๊ด์ฑ์ ๋ณด์ฅํฉ๋๋ค.
