
Typescript ์ฐ๋ ์ด์
1. ์์ ์ ์ด๋ค. ๋์ ์์ค์ ์ถ์ํ๊ฐ ํ์ํ ๋, ํ๋ก๊ทธ๋จ์ ๊ตฌ์กฐ๋ฅผ ๋ง๋ค๊ณ ๋ฌธ์ํํ ์ ์๋ค.
2. ํ์ ์๋ฌ๋ฅผ ์ปดํ์ผ ๋จ๊ณ์์ ๋ฏธ๋ฆฌ ๊ฒ์ถํ์ฌ ๋๋ฒ๊น ํ ์ ์๋ค.
(๋ฐํ์ ๋จ๊ณ์์ ๋ฐ์ํ๋ ์๋ฌ๋ก ์ธํด ํ๋ก๊ทธ๋จ์ด ๋ฉ์ถ๋ค๋ฉด, ์ด์๋๋ ์๋น์ค์ ํฐ ์ฐจ์ง์ด ์๊ธธ ์ ์๋ค.)
3. ํ์ ์ ํ๋ํ๋ ๋ช ์ํ๊ธฐ ๋๋ฌธ์ ์ ์ง ๋ณด์๊ฐ ์ ๋ฆฌํ๋ค.
Typescript์ ํน์ง
1. ์ปดํ์ผ๋ฌ: ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์ธ ๋์์ Javascript๋ก ๋ณํํด์ฃผ๋ ์ปดํ์ผ๋ฌ๋ค.
2. ํ์ ๋ช ์: ๋ณ์๋ฅผ ์ ์ธํ ๋, ํ์ ์ ๋ช ์ํจ์ผ๋ก์จ ๋ฐ์ดํฐ ํ์ ์ ์ง์
3. ํ์
์ถ๋ก (contextual typing): ์ ์ ํ์ดํ์ ํตํด ๋ณ์์ ํ์
์ ์ถ๋ก ํ ์ ์๋ค.
const sum = (a: number, b: number): number => {
return a + b;
};
sum(1, 2); // 3
๋ฐ์ํ
'๐ Front > ๐ซ Typescript' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| [React+Typescript] React.FC๋ฅผ ๊ตณ์ด ์ฌ์ฉํ์ง ์์๋ ๋๋ ์ด์ (0) | 2021.09.06 |
|---|---|
| [Typescript]: type, interface, generics ์ฌ์ฉํ๊ธฐ (0) | 2021.09.06 |
| Typescript ์์ฑ์, public, private (0) | 2021.09.06 |
| Typescript: ์ค๊ธ(Type Aliases/Type Guard) (0) | 2021.09.06 |
| [Typescript] ์ถ๊ฐ ์ ๊ณต ํ์ (tuple, enum, any, void, never) (0) | 2021.09.06 |