์ง๋ฅํ i18n
ํ์ ์์ . AI๋ก ๋ฒ์ญ. ์๊ฐ์ ์ผ๋ก ํธ์ง.
์ฝ๋๋ฒ ์ด์ค ์ด๋์์๋ ์ํ๋ ๊ณณ์ ๋ฒ์ญ์ ์ ์ํ๊ณ ๊ฐ๋ฐ ์๋๋ฅผ ๋์ด์ธ์. ๋ฒ๋ค์ ์ ์ ํ ๊ฐ๋ณ๊ฒ ์ ์งํ์ธ์.
์ฌ์ฉ ๊ฐ๋ฅ
์ฝ๋๋ฒ ์ด์ค
์ปดํ์ผ๋ฌ
๋น์ฃผ์ผ ํธ์ง๊ธฐ
๋ฒ์ญ
ํ ์คํธ
Intlayer compiler
The Intlayer Compiler automatically extracts the content from the components and generates the dictionary files.
$ npx intlayer test
์ฝํ ์ธ ์ ์๋ฅผ ๊ตฌ์ฑ ์์ ๊ฐ๊น์ด์ ์ ์งํ์ฌ ์ฝ๋ ์ ์ง ๊ด๋ฆฌ๋ฅผ ๊ฐ์ ํ์ธ์. ์ค๋ณต์ ์ค์ด๊ณ ๋ช ํ์ฑ์ ํฅ์์ํค๋ฉฐ ๊ตฌ์กฐํ๋ ์ ๊ทผ ๋ฐฉ์์ ์ฌ์ฉํ์ฌ ์ ๋ฐ์ดํธ๋ฅผ ๋จ์ํํ์ฌ ์ฝ๋ ๊ด๋ฆฌ ๋ฐ ํ์ฅ์ ์ฉ์ดํ๊ฒ ํฉ๋๋ค.
Intlayer Compiler๋ก ์ฆ์ ์ฝํ ์ธ ๋ฅผ ์ถ์ถํ์ธ์. ์ฝํ ์ธ ์ ๊ตญ์ ํ๋ฅผ ์ํ ํ์ ์ฌ์ ํ์ผ์ ์๋์ผ๋ก ์์ฑํ์ฌ ์ ํ๋ฆฌ์ผ์ด์ ์ ์์๊ฐ์ ๋ค๊ตญ์ด๋ก ์ ํํฉ๋๋ค.
๋ฌด๋ฃ ๋น์ฃผ์ผ ํธ์ง๊ธฐ๋ฅผ ํ์ฉํ์ฌ ์ฌ์ดํธ๋ฅผ ์์ฝ๊ฒ ๊ตฌ์ถํ๊ณ ๊ด๋ฆฌํ์ธ์. ์ฝ๋๋ฅผ ๋ง์ง์ง ์๊ณ ๋ ๊ตฌ์ฑ ์์์ ํ์ด์ง๋ฅผ ๋ง๋ค๊ณ , ํธ์งํ๊ณ , ๊ตฌ์ฑํ ์ ์์ด ์ฝํ ์ธ ๊ด๋ฆฌ์์ ๊ฐ๋ฐ์๊ฐ ํจ์จ์ ์ผ๋ก ํ์ ํ ์ ์์ต๋๋ค.
๋ด์ฅ๋ ๋ฒ์ญ ์ง์์ ํตํด ๋๋ฌ ๋ฒ์๋ฅผ ๋ํ์ธ์. ์ง๊ด์ ์ธ ์ธํฐํ์ด์ค๋ฅผ ์ฌ์ฉํ์ฌ ์ฝํ ์ธ ๋ฅผ ์์ฝ๊ฒ ๋ฒ์ญํ๊ณ , ์ฌ๋ฌ ์ฝํ ์ธ ๋ฒ์ ์ ์๋์ผ๋ก ๊ด๋ฆฌํ ํ์ ์์ด ์ฌ์ฉ์์๊ฒ ์ํํ ๋ค๊ตญ์ด ๊ฒฝํ์ ์ ๊ณตํฉ๋๋ค.
Intlayer CLI์ AI๋ฅผ ์ฌ์ฉํ์ฌ ์ฝํ ์ธ ๋ฅผ ํ ์คํธํ๊ณ ์๋์ผ๋ก ์ฑ์ ๋ชจ๋ ๋ฒ์ญ์ด ์์ ํ๊ณ ์ ํํ์ง ํ์ธํ์ธ์.
์์ฃผ ๋ฌป๋ ์ง๋ฌธ
๊ตญ์ ํ(i18n)๋ Next.js, React ๋๋ Express์ ๊ฐ์ ์์ฉ ํ๋ก๊ทธ๋จ์ ์ค๊ณํ๊ณ ๊ฐ๋ฐํ์ฌ ์ฌ๋ฌ ์ธ์ด๋ฅผ ์ฝ๊ฒ ์ง์ํ๋ ๊ณผ์ ์ ๋๋ค. ์ด๋ ๋ฒ์ญ ํ๋ก์ธ์ค๋ฅผ ๋จ์ํํ์ฌ ๋ค๊ตญ์ด ์น์ฌ์ดํธ๋ฅผ ์์ฑํ ์ ์๋๋ก ํฉ๋๋ค. TypeScript์ ๊ฐ์ ๋๊ตฌ๋ i18n์ ๊ตฌํํ๊ธฐ ์ฝ๊ฒ ํ์ฌ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ค์ํ ์ธ์ด์ ์ง์ญ์ ํจ์จ์ ์ด๊ณ ์ฝ๊ฒ ์ ์ํ ์ ์๋๋ก ํฉ๋๋ค.i18n์ ๋ํด ๋ ์ฝ์ด๋ณด์ธ์
Intlayer๋ ๋ค๊ตญ์ด ์น์ฌ์ดํธ๋ฅผ ๊ด๋ฆฌํ ์ ์๋๋ก ํ๋ ํจํค์ง์ ๋๋ค. ๋ค๊ตญ์ด ์ฝํ ์ธ ์ ํ์งํ๋ฅผ ์ํ ์น์ฌ์ดํธ ์ค์ ์ ์ฝ๊ฒ ํ ์ ์๋๋ก ๋์์ฃผ๋ ๋๊ตฌ ๋ฐ ์ ํธ๋ฆฌํฐ ์ธํธ๋ฅผ ์ ๊ณตํฉ๋๋ค.Intlayer์ ๋ํด ๋ ์ฝ์ด๋ณด์ธ์
Intlayer๋ ๊ตฌ์ฑ ๊ด๋ฆฌ๋ฅผ ๊ฐ์ํํ๊ณ ์๋ฒ ๊ตฌ์ฑ ์์๋ฅผ ํฌํจํ ๋ค์ํ ์ ํ์ JavaScript ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ํ ๊ตญ์ ํ๋ฅผ ๊ฐ๋ฅํ๊ฒ ํฉ๋๋ค. ๊ตฌ์ฑ ์์์ ๋๋ํ ์ฝํ ์ธ ์ ์ธ์ ํ์ฉํ์ฌ ์ฝ๋๋ฒ ์ด์ค์ ์ ์ง๊ด๋ฆฌ๋ฅผ ๊ฐ์ ํฉ๋๋ค. ๋ํ Intlayer๋ TypeScript๋ฅผ ํ์ฉํ์ฌ ๋๋ฝ๋ ์ ์ธ์ ๋ฐฉ์งํฉ๋๋ค. ๋ง์ง๋ง์ผ๋ก Intlayer๋ ๋น๊ฐ๋ฐ์๊ฐ ์น์ฌ์ดํธ ์ฝํ ์ธ ๋ฅผ ํธ์งํ๊ณ AI๋ฅผ ์ฌ์ฉํ์ฌ ์๋์ผ๋ก ๋ฒ์ญํ๋ฉฐ ์ ํ๋ฆฌ์ผ์ด์ ์ SEO๋ฅผ ์ต์ ํํ ์ ์๊ฒ ํ๋ ๋น์ฃผ์ผ ํธ์ง๊ธฐ๋ฅผ ์ ๊ณตํฉ๋๋ค.Intlayer์ ๊ธฐ๋ฅ์ ๋ํด ๋ ์ฝ์ด๋ณด์ธ์
Intlayer๋ ์๋ฒ ์ฌ์ด๋ ๋ ๋๋ง ๋ฐ ์ ์ ์ฌ์ดํธ ์์ฑ์ ๊ฐ๋ฅํ๊ฒ ํ์ฌ ๋ค๊ตญ์ด ์ฝํ ์ธ ์ ๊ณต์ ๋ณด๋ค ํจ์จ์ ์ผ๋ก ํตํฉํฉ๋๋ค.Next.js ํตํฉ์ ๋ํด ๋ ์ฝ์ด๋ณด์ธ์
์, Intlayer๋ ์ฝ๋์ ๋ค์ด๋นํ์ง ์๊ณ ์ฝํ ์ธ ๋ฅผ ์ฝ๊ฒ ๊ด๋ฆฌํ ์ ์๋ ์ ํ์ ๋น์ฃผ์ผ ํธ์ง๊ธฐ๋ฅผ ์ ๊ณตํฉ๋๋ค.๋น์ฃผ์ผ ํธ์ง๊ธฐ์ ๋ํด ๋ ์ฝ์ด๋ณด์ธ์
Pull requests๋ฅผ ์ ์ถํ๊ฑฐ๋ GitHub ๋ฆฌํฌ์งํ ๋ฆฌ์์ ๋ฌธ์ ๋ฅผ ๋ณด๊ณ ํจ์ผ๋ก์จ ๊ธฐ์ฌํ ์ ์์ต๋๋ค.๊ธฐ์ฌํ๋ ๋ฐฉ๋ฒ์ ๋ํด ๋ ์ฝ์ด๋ณด์ธ์
Intlayer๋ ๋ฌด๋ฃ NPM ํจํค์ง์ ์๊ฐ์ ํธ์ง๊ธฐ๋ฅผ ํตํฉํฉ๋๋ค. ๋ํ, ์ฝํ ์ธ ์ธ๋ถํ๋ฅผ ์ํ CMS๋ฅผ ์ ๊ณตํฉ๋๋ค. ์ด CMS๋ ๋ฌด๋ฃ๋ก ์ฌ์ฉํ ์ ์์ง๋ง, ํ๋ฆฌ๋ฏธ์ ๋ฐ ์ํฐํ๋ผ์ด์ฆ ํ๋ ๋ฉค๋ฒ๋ฅผ ์ํ ์ถ๊ฐ ๊ธฐ๋ฅ์ด ํฌํจ๋์ด ์์ต๋๋ค.Intlayer ๊ณํ์ ๋ํด ๋ ์ฝ์ด๋ณด์ธ์
Intlayer๋ React(React ์ฑ ์์ฑ ํฌํจ), Vite๋ฅผ ์ฌ์ฉํ๋ React, Next.js, Tanstack Start, Vue, Nuxt, Express, NestJS, Preact ๋ฑ์์ ์ฌ์ฉํ ์ ์์ต๋๋ค. ์ด๋ฅผ ํตํด ์ต์ JavaScript ํ๋ ์์ํฌ ๋ฐ ์๋ฒ ์ธก ํ๊ฒฝ๊ณผ์ ์ํํ ํตํฉ์ ๋ณด์ฅํฉ๋๋ค.์ง์๋๋ ํ๋ซํผ์ ๋ํด ๋ ์ฝ์ด๋ณด์ธ์
์, Intlayer๋ i18next, next-intl, vue-i18next ๋ฑ์ ๋ํผ๋ก ํตํฉํ ์ ์์ต๋๋ค. ์ด๋ฅผ ํตํด ๋ฒ์ญ์ ์๋ํํ๊ณ ๊ธฐ์กด ์ฝ๋๋ฅผ ๋ฆฌํฉํ ๋งํ์ง ์๊ณ Intlayer๋ฅผ ์ฌ์ฉํ ์ ์์ต๋๋ค.