Daily/Today I Learned

22.10.20_TIL

ํ˜ธ๋ฐ€์ด 2022. 10. 21. 02:32

๐Ÿ“Œ ์ฝ”๋“œ์Šคํ…Œ์ด์ธ ๋ฅผ ์ˆ˜๋ฃŒํ•˜๊ณ  ๋งž์ดํ•˜๋Š” ์ฒซ ๋‚ ์ด๋‹ค. ์ด์ œ๋ถ€ํ„ฐ ๊ฐœ๋ฐœ์ž๋กœ์„œ ๊ตฌ์ง์— ๋‚˜์„œ์•ผ ํ•œ๋‹ค๋Š”๊ฒŒ ์•„์ง๋„ ๋ฏฟ๊ธฐ์ง€๊ฐ€ ์•Š๋‹ค. ํ•˜์ง€๋งŒ, ๋‚˜๋Š” ํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ์ด๋‹ค!! ํ•ด๋‚ด๊ณ  ๋ง๊ฒ ๋‹ค!! ๊ทธ๋™์•ˆ ์—ด์‹ฌํžˆ ํ•ด์™”๊ณ  ์•ž์œผ๋กœ๋„ ์ทจ์—…์„ ํ•˜๋”๋ผ๋„ ๋ฉˆ์ถ”์ง€ ์•Š๊ณ  ์ข‹์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ธฐ ์œ„ํ•ด ํ•™์Šตํ•˜๊ณ  ๋…ธ๋ ฅํ•  ๊ฒƒ์ด๋‹ค..!!

๐Ÿ“— ์˜ค๋Š˜ ํ•™์Šตํ•œ ๋‚ด์šฉ

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค 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