Typescript๋ ํ์?
์ด์ Typescript๋ ์ ํ์ด ์๋ ํ์๊ฐ ๋์ด๋ฒ๋ ธ์ต๋๋ค. React๊ฐ๋ฐ์์๋ ์์ธ๋ ์๋๊ฒ ๋์์ต๋๋ค. ์ ํ์ด ์๋ ํ์ ์์๋ก ์๋ฆฌ์ก์์ผ๋ฉฐ, ์ด๋ ๋จ์ํ ํ์ ์์ ์ฑ์ ์ํ๊ธฐ๋ณด๋ค๋ ํ๋์ ์ธ ๊ฐ๋ฐ ๊ฒฝํ์ ํต์ฌ์ด ๋์์ต๋๋ค. ๋น์ฅ ์์ ๋๋ฃ์๊ฒ ๋ฌผ์ด๋ด๋ ์๊ฒ์ ๋๋ค. ๋ฌผ๋ก ์๊ท๋ชจ ํ๋ก์ ํธ์์๋ ํฌ๊ฒ ์๋ฏธ๊ฐ ์๋๊ฑด ์ฌ์ค์ ๋๋ค. ๊ทธ๋ฌ๋ ๋๊ท๋ชจ javascriptํ๋ก์ ํธ๋ฅผ ๊ฒฝํํด๋ณด์ ๋ถ๋ค์ ์์๊ฒ ์ง๋ง ๊ฐ๋ฐํ๋๋ฐ ์ฌ๋ฌ๊ฐ์ง ์ด๋ ค์? ๋ถํธํจ?์ด ์์ต๋๋ค. Typescript๋ฅผ ๋์ ํ๋ฉด ์๋ฒฝํ ํด๊ฒฐ์ ๋ชฉ์ ์ ์๋์ง๋ง ์กฐ๊ธ๋ ๋์ ํ๊ฒฝ์ด ์กฐ์ฑ๋ฉ๋๋ค. ์กฐ๊ธ ๊ฑฑ์ ๋๋๊ฑด React ์ํ๊ณ๋ Typescript๊ฐ ๋ํ๋๊ธฐ ์ ๋ถํฐ ์ด๋ง์ด๋งํ๊ฒ ๋ฐ์ ๋์ด์์ต๋๋ค. Typescript๊ฐ ์ง์๋๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ๋ง์ง๋ง ์ง์๋์ง์๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ์๋นํฉ๋๋ค. ์ด๋ป๊ฒ ๋ณด๋ฉด ์ข ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ ํํ๋๋ฐ ์ ์คํด์ง์ ์๋ค๋ ์๊ฐ์ด ๋ค์ด์ ์ข๊ธดํ์ง๋ง ์ต์ ์ ๊ฒฝ์ฐ๋ Typescript์ ์ฉ์ ๋ชปํ ์๋์๋ ๊ฒฝ์ฐ๊ฐ ์๊ธธ์์๋ ๋ถ๋ถ์ ๋ํด์๋ ๋๋ฌด ์ํ๊น์ต๋๋ค.
์์ ์๋ 3๋์ฅ(react, vue, angular) ์ด์ ๋..? 1๋ ๊ฐ npm ๋ค์ด๋ก๋ ์

NPM ๋ค์ด๋ก๋ ๋ฐ์ดํฐ๋ React์ ์์ง๊น์ง๋(?) ์ง๋ฐฐ์ ์์น๋ฅผ ์ ์งํ๊ณ ์๋ค๋๊ฒ์ ๋ช ํํ๊ฒ ๋ณด์ฌ์ฃผ๊ณ ์์ต๋๋ค. React๋ ํ์ฌ ์ฃผ๊ฐ 2์ฒ๋ง ๋ค์ด๋ก๋๋ฅผ ๋์ด์๋ฉฐ angular์ vue.js๋ฅผ ํฌ๊ฒ ์์๊ณ ์์ต๋๋ค
๊ทผ๋ฐ..๋ค๋ฅธ ํ๋ ์์ํฌ๋ ๊ด์ฑ๋๋ฐ?...(angular ๋นผ๊ณ ..) ๊ตณ์ด React๋ฅผ?
์ด๊ฑด React๋ ๋จ์ํ ๊ธฐ์ ์ ์ฐ์์ฑ๋ง์ผ๋ก ์ค๋ช ๋์ง ์์ต๋๋ค. ๋๋ถ๋ถ์ ๊ฐ๋ฐ์๋ค์ด React๋ฅผ ์ฌ์ฉํ๊ณ ์๊ณ ๊ฒฝํํด๋ดค๊ธฐ ๋๋ฌธ์ ๋๋ค. ํนํ ๊ต์ก ๋ชฉ์ ์ผ๋ก React๋ฅผ ๋ค์ด๋ก๋ํ๋ ๋น์จ๋ ์๋นํ ๋์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ๋ง์ ๊ฐ๋ฐ์๋ค์ด ์ฌ์ฉํ๊ณ youtube์์ ๊ฐ์ฅ ๋ง์ด ๊ด๊ณ ๋์ด์์ผ๋ ์ ๊ท ๊ฐ๋ฐ์ ๋ํ ์ฒซ๋ฒ์งธ ๊ด์ฌ์ด React๋ก ๊ฐ์๋ฐ์ ์์ต๋๋ค.
๋ค์ด๋ก๋์๊ฐ ๋์์๋ฐ์์๋ ๋ ๋ค๋ฅธ ์ด์ ๋ ๊ธฐ์ ์ ์์ธ์ด ์กด์ฌํฉ๋๋ค. Next.js, Remix๊ฐ์ ๋ฉํ ํ๋ ์์ํฌ๋ค์ด React์ ์์กดํ๋ฉด์ ๊ฐ์ ์ ์ผ๋ก ๋ค์ด๋ก๋ ์๋ฅผ ์ฆ๊ฐ์ํค๊ณ ์์ผ๋ฉฐ, CI/CDํ์ดํ๋ผ์ธ์์ ๋งค๋ฒ ๋น๋ํ ๋๋ง๋ค React๋ฅผ ์ค์นํ๋ ๊ธฐ์ ๋ค์ ์ํฅ๋ ์๋นํฉ๋๋ค.
Meta.. React.. ์ ๋ง ์ด์ ๋ ์ข์ ํ๋ ์์ํฌ๋ก
React๊ฐ ๊ณต์์ ์ธ ์์ ๊ถ์ ์ฌ์ ํ Meta์ ์์ต๋๋ค. ๊ทธ๋ฌ๋ ์ต๊ทผ ๊ธฐ์ฌ๋ฅผ ๋ณด๋ฉด ์ค์ง์ ์ธ ๊ฐ๋ฐ ์ฃผ๋๊ถ์ ์ ์ง์ ์ผ๋ก ๋ถ์ฐ๋๊ณ ์๋ ์ํฉ์ ๋๋ค. meta๋ ์ด์ ์ฃผ์ถ์ผ๋ก ๊ฐ๋ฐํ์ง๋ ์์๊ฒ ๊ฐ์ต๋๋ค. ์ด์ vercel์ด next.js๋ฅผ ํตํด RSC์ ๊ตฌํ๊ณผ ๋ฐ์ ์ ์ฃผ ์ญํ ์ ํ๊ณ ์๊ณ react์ํ๊ณ์์ ์๋นํ ์ํฅ๋ ฅ์ ํ์ฌํ๊ณ ์์ต๋๋ค. ๋์ฑ ์ค์ํ ๋ณํ๋ React ์ปค๋ฎค๋ํฐ ์ ๋ฐ์์ ๋ํ๋๊ณ ์์ต๋๋ค. TanStack Start์ React Router ๊ฐ์ ๋ค๋ฅธ ํ๋ ์์ํฌ๋ค์ด ๋ ๋ฆฝ์ ์ผ๋ก RSC ๋์ ์ ์ถ์งํ๊ณ ์์ผ๋ฉฐ, ์ด๋ Meta์ ์ง์ ์ ์ธ ํต์ ๋ฒ์๋ฅผ ๋ฒ์ด๋ ์ํ๊ณ ๋ฐ์ ์ ์๋ฏธํฉ๋๋ค. ๋ฆฌ๋์ญ ์ฐ๊ตฌ์์ ๊ฐ์กฐํ๋ ๋ฐ์ ๊ฐ์ด, ์กฐ์ง์ ๋ณํ์ ๋ํ ๋ฐ์์ ๋ฆฌ๋์ญ ์คํ์ผ๊ณผ ๋ด๋ถ ์ปค๋ฎค๋์ผ์ด์ ์ ํฌ๊ฒ ์ข์ฐ๋๋๋ฐ, React ์ํ๊ณ์์๋ Meta๊ฐ ์ ํต์ ์ธ ์ค์์ง๊ถ์ ๋ฆฌ๋์ญ์์ ๋ฒ์ด๋ ์ปค๋ฎค๋ํฐ ์ฃผ๋ํ ๊ฐ๋ฐ ๋ชจ๋ธ๋ก ์ ํํ๊ณ ์์ต๋๋ค. ์ด๋ฌํ ๋ณํ๋ React์ ์ฅ๊ธฐ์ ์์ ์ฑ์ ๋ํ ์ฐ๋ ค๋ฅผ ๋ณ๊ธฐ๋ ํ์ง๋ง, ๋์์ ๋ ๋ค์ํ๊ณ ํ์ ์ ์ธ ๋ฐ์ ๊ฐ๋ฅ์ฑ์ ์ด์ด์ฃผ๊ณ ์์ต๋๋ค.
์ญ์ ๋ด๋ ์๋ ์ ๋ ํ๋ก ํธ์๋ ํ๋ ์์ํฌ๋ ์ญ์ React๊ฐ...๋์ง์์๊น์?
'IT' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| React native navigation (without props) (0) | 2024.10.22 |
|---|