๋ผ์ด๋ธ๋ฌ๋ฆฌ
2
์ปค์คํ
ํ ๋ค๊ตญ์ด ์ฒ๋ฆฌ๋ฅผ ์ํ 'i18next' (React-i18next)
2023.11.01
ํ์ฌ์ ๊ฒฝ์ฐ ์ฌ๋ฌ ํด์ธ ๋ฒ์ธ์ด ์กด์ฌํ๊ณ ์์ด, ๋ค๊ตญ์ด ์ง์์ด ํ์ํ๋ค. ์นํ์ด์ง์ ๊ฒฝ์ฐ chrome ๋ฑ ์ธํฐ๋ท ๋ธ๋ผ์ฐ์ ๋ด ๋ฒ์ญ์ผ๋ก๋ ์ง์์ด ๊ฐ๋ฅํ์ง๋ง, ํ์ฌ์์๋ ์ฌ์ ์ ์ผ๋ก ๋ฒ์ญํ๊ธฐ ๋ณด๋ค๋, ๊ฐ ๋๋ผ์์ ์ดํดํ๊ธฐ ์ฌ์ด ๋จ์ด๋ก ๋ฒ์ญํ๋ ์ผ์ด์ค๊ฐ ํ์ํ๊ฒ ๋๋ค. โ ์ด๋ ์ฌ์ฉ๋๋ ๊ฒ์ด i18next. i18next๋? Javascript๋ก ์์ฑ๋ ๊ตญ์ ํ ํ๋ ์์ํฌ๋ก ์ฌ๋ฌ ๊ตญ๊ฐ์ ์ธ์ด๋ฅผ ์ฒ๋ฆฌํ ์ ์๋๋ก ๋์์ค๋ค. ๋ง์ด ์ฌ์ฉํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก๋ react-i18next, next-i18next, next-translation ์ด๋ ๊ฒ 3๊ฐ์ง. ๊ฐ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ์ฅ๋จ์ ๊ณผ ํน์ฑ์ด ์กด์ฌํ๋ฏ๋ก ์์๋ณด๊ณ ์ฑํํ๋ ๊ฒ์ ์ถ์ฒํ๋ค. โ ์ฐ๋ฆฌ์ ๊ฒฝ์ฐ react-i18next ๋ฅผ ์ฑํํ๊ฒ ๋์๋๋ฐ.. ์ ํํ๋ ์ฑํ ๋นํ๋ค. ๊ณ ๋ก..
์ฌ์ด ์ ์ญ ์ํ ๊ด๋ฆฌ๋ฅผ ์ํ "Recoil"
2
2023.11.01
ํ์ฌ ํ๋ก์ ํธ์ ๊ฒฝ์ฐ ๊ถํ ๊ด๋ฆฌ๋ฅผ recoil ๋ก ๋ค๋ฃจ๊ณ ์๋ค. โ Rocoil ์ด๋? ํ์ด์ค๋ถ์์ ๋ฐํํ React ์ ์ญ ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด๋ค. usestate ๋ง์ ์ฌ์ฉํ์ฌ ์ํ ๊ด๋ฆฌ๋ฅผ ํ๊ฒ ๋๋ฉด ํ๋ก๊ทธ๋จ์ด ๋ณต์กํ๊ฒ ๋ ์, props drilling์ด ์ผ์ด๋๊ฒ ๋๋๋ฐ, Recoil์ ์ด๋ฌํ ํ์๋ฅผ ๋ฐฉ์งํ๊ฒ ํด์ค๋ค. โ Recoil์ ๊ฒฝ์ฐ. React ์์ ์ฌ์ฉํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์๋, ์ธ๋ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก ์๋์ ๋งํฌ์์ ๋ด์ฉ์ ํ์ธํ๋ฉด ๋๋ค. Recoil A state management library for React. recoiljs.org Recoil ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ์ฃผ์ํ ๊ฐ๋
์ผ๋ก๋ Atom ๊ณผ selector๊ฐ ์๋ค. โ Recoil ์์ ํ๋์ ์ ์ญ ์ํ๋ฅผ Atom ์ด๋ผ๊ณ ํ๋๋ฐ, Atom ..