typescript ๋ let, const ๋ฉด ๋ค ๋๋ javascript์ string, object, array, int ๋ฑ์ data type ์ด ์ถ๊ฐ๋ ๊ฒ์ด๋ค.
React๋ javascript ๋ก ์์ฑํ๋ ํ๋ก ํธ์๋์ชฝ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค. ์ฆ, javascript๋ก ์์ฑํด๋ ๋ฌธ์ ์์ด ๋์๊ฐ๋ค๋ ์๊ธฐ๋ค.
๊ทธ๋ผ์๋ ๋ด๊ฐ typescript ๋ก ์์ฑํ๊ธฐ๋ฅผ ์ ํํ ์ด์ ๋ฅผ ๋งํด๋ณด๋ ค ํ๋ค.
๊ตณ์ด?
typescript ๋ ์น ๋ธ๋ผ์ฐ์ ๊ฐ ์ดํดํ์ง ๋ชปํ๋ ์ธ์ด๋ผ ts๋ก ์์ฑ๋ react ํ๋ก์ ํธ๋ฅผ ๋น๋ ์ javascript๋ก ๋ค์ ๋ณํํ๋ ์์ ์ด ์ถ๊ฐ๋๋ค.
๊ทธ๋ฆฌ๊ณ type ์ ์ง์ ํด์ฃผ์ง ์์ผ๋ฉด ๊ณ์ 'type ์ข ์ง์ ํด๋ผ!' ๋ผ๋ ์๋ฌ๋ฅผ ๋์ด๋ค.
javascript์์๋ ์ ๋์๊ฐ๋ ๋์ด ์์๋ฆฌ๋ฅผ ํด๋๋, ์ด๊ฒ ์ฐธ.. ๊ท์ฐฎ๋ค.
๊ตณ์ด ์ ํด๋ ๋๋ ์์ ์ด ํ๋ ๋ ์ถ๊ฐ๋๊ณ , ๊ตณ์ด ํ์ ์ง์ ์ ํด์ค๋ ์ ๋์๊ฐ๋ app ์ ๋ฐ์ดํฐ ํ๋ํ๋ ํ์ ์ ์ง์ ํ๋ ๊ท์ฐฎ์ ์์ ์ ํด์ผํ์ง๋ง, javascript ๋์ typescript๋ฅผ ์ฐ๋ ์ด์ ๋ ๊ทธ๊ฒ ๋ ํ์คํ๊ณ ์ ํํ๋๊น.
typescript๋ ์ด๋ฌ์ฟต ์ ๋ฌ์ฟต ์์๋ฆฌ๋ฅผ ์ปดํ์ผ ์์ ๋ ํ๋ค.
๋ฐ์ดํฐ ํ์ ๋ฌธ์ ๋ก ๋ฐ์ํ๋ ์๋ฌ๋ ํ๋ก์ ํธ ๊ท๋ชจ๊ฐ ์ปค์ง ์๋ก ์ฆ๊ฒ ์ผ์ด๋๋๋ฐ, javascript ๋ก ์์ฑํ ์์๋ ์ปดํ์ผ ๋ ์๋ ค์ฃผ์ง ์๋๋ค.
๊ทธ๋ผ ๋น์ฐํ ๋น๋ ํ์ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋ฏ๋ก ์ค๋ฅ์ ๋์ฒํ๊ธฐ ์๋นํ ๊น๋ค๋ก์์ง๋ค.
๊ฒ๋ค๊ฐ ์ด๋์ ์ค๋ฅ๋ฌ๋์ง๋ ๋ชจ๋ฅธ๋ค. ์๋ ค์ฃผ์ง๋ฅผ ์์ผ๋๊น! ํ์ฐธ์ ์ฝ๋ ์ดํด๋ณด๊ณ log ์ฐ๊ณ ํ๋ฉฐ ์ฐพ์๊ฐ์ผ๋๋ค...
typescript ๋ก ์์ฑํ๋ฉด ์ปดํ์ผ ์ ๋ฐ์ดํฐ ํ์ ์ผ๋ก ์ธํ ๋ฌธ์ ๋ฅผ ๋ฏธ๋ฆฌ ์๋ ค์ฃผ๊ฒ๋์ด ํด๋น ์๋ฌ๊ฐ ๋น๋ ๋๊น์ง ๊ฐ์ง ์๊ณ ์ปดํ์ผ ์์ ์์ ๋ฐ๋ก๋ฐ๋ก ์์ ์ด ๊ฐ๋ฅํ๊ฒ ๋๋ค.
๋ณํ ์์ ํ๋ ๋ ์ถ๊ฐ๋๋ค๊ณ ์ฌ์ฉ์ ๋จ์์ ๋๋ ค์ง ์ผ๋ ์์ผ๋...ใ ใ
๊ฒฐ๋ก !
๊ท์ฐฎ๋๋ผ๋ ๊ผผ๊ผผํ๊ณ ์ ํํ๊ฒ ์ค๋ฅ๋ฅผ ์ก์๊ฐ๋ ๊ฒ์ด ์ค์ํ๋ typescript ๋ก ์์ฑํ์.