๐ ์ฝ๋์คํ ์ด์ธ ๋ฅผ ์๋ฃํ๊ณ ๋ง์ดํ๋ ์ฒซ ๋ ์ด๋ค. ์ด์ ๋ถํฐ ๊ฐ๋ฐ์๋ก์ ๊ตฌ์ง์ ๋์์ผ ํ๋ค๋๊ฒ ์์ง๋ ๋ฏฟ๊ธฐ์ง๊ฐ ์๋ค. ํ์ง๋ง, ๋๋ ํ ์ ์์ ๊ฒ์ด๋ค!! ํด๋ด๊ณ ๋ง๊ฒ ๋ค!! ๊ทธ๋์ ์ด์ฌํ ํด์๊ณ ์์ผ๋ก๋ ์ทจ์ ์ ํ๋๋ผ๋ ๋ฉ์ถ์ง ์๊ณ ์ข์ ๊ฐ๋ฐ์๊ฐ ๋๊ธฐ ์ํด ํ์ตํ๊ณ ๋ ธ๋ ฅํ ๊ฒ์ด๋ค..!!
๐ ์ค๋ ํ์ตํ ๋ด์ฉ
ํ๋ก๊ทธ๋๋จธ์ค LEVEL.0 10๋ฌธ์ ํ์ด
๊ธฐ์ ๋ฉด์ , ์ผ๋ฐ๋ฉด์ ์ค๋น
์ด๋ ฅ์ ์์
- ์๊ธฐ์๊ฐ๋ถ๋ถ ์์
TypeScript ๊ฐ์
- ๊ฐ์๋ฅผ 2์ฃผ์ ๋ถํฐ ์กฐ๊ธ์ฉ ๋ฃ๊ธดํ์ง๋ง ์ ๋ฆฌ๋ฅผ ํ์ง์์์ ์ฒ์๋ถํฐ ๋ค์ ๋ฃ๊ณ ์๋ค.(ํ์ ํ๋๋ผ.. ์ ๋ฆฌํ๋ค๊ฐ ์ฝ๋ฐ๋ ๊ฒฝ์ฐ๊ฐ ๋ง์๋ค..)
- ํ์ ์คํฌ๋ฆฝํธ ์ปดํ์ผ (tsc ํ์ ์คํฌ๋ฆฝํธ ํ์ผ๋ช )
- !(๋๋ํ) ์์๋ฅผ ๋ฌด์กฐ๊ฑด ์ป๋๋ค. (null์ ๋ฐ์์ค์ง ์์ ๊ฒ์ ์๋ ค์ค)
- as HTMLํ๊ทธElement๋ก ์ด๋ค ์ ํ์ ์์์ธ์ง๋ฅผ ์๋ ค์ค ์ ์๋ค.
- ํ์ ์ง์ - ๋ณ์๋ช ๋ค์ ์ฝ๋ก ์ ๋ถ์ธ๋ค ํ์ ์ ๋ช ์ํ๋ค.
const input1 = document.getElementById("num1")! as HTMLInputElement;
const input2 = document.getElementById("num2")!;
function add(num1: number, num2: number) {
return +num1 + +num2;
}
๐ ์ถ๊ฐ๋ก ๊ณต๋ถํ ๋ด์ฉ
TypeScript
Next.js
Redux Query
๐ ์ค์ํ ๋ด์ฉ
- TypeScript
- ์ฅ์ ๋ฐ ๋จ์
- ์ปดํ์ผ
- ํ์ ์ง์
'Daily > Today I Learned' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
22.10.22_TIL (0) | 2022.10.22 |
---|---|
22.10.21_TIL (0) | 2022.10.21 |
22.08.23_TIL (0) | 2022.08.23 |
22.08.22_TIL (0) | 2022.08.22 |
22.08.18_TIL (0) | 2022.08.18 |