Daily/Today I Learned

22.10.21_TIL

ํ˜ธ๋ฐ€์ด 2022. 10. 21. 19:14

๐Ÿ“Œ ์˜ค๋Š˜์€ ์ด๋ ฅ์„œ์˜ ์–ดํœ˜๊ฐ€ ์ด์ƒํ•œ๋ถ€๋ถ„์„ ์ˆ˜์ •ํ•˜๊ณ  ์กฐ๊ธˆ ์‚ด์„ ๋ถ™์—ฌ๋ดค๋‹ค. ๋‚ด์šฉ์ด ์ ๋‹ค๋Š” ํ”ผ๋“œ๋ฐฑ์„ ๋ฐ›์•˜๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ๋˜ํ•œ, ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ์— ๋Œ€ํ•œ github readme๋ฅผ ์กฐ๊ธˆ ๋” ์ˆ˜์ •ํ•˜๊ณ  ํšŒ์‚ฌ๋“ค์ด ์–ด๋– ํ•œ ์Šคํƒ์„ ๋งŽ์ด์“ฐ๋Š”์ง€ ์ฐพ์•„๋ณด์•˜๋‹ค.

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

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค LEVEL.0 5๋ฌธ์ œ ํ’€์ด

๊ธฐ์ˆ ๋ฉด์ ‘, ์ผ๋ฐ˜๋ฉด์ ‘ ์ค€๋น„

Github ํ”„๋กœ์ ํŠธ README ์ˆ˜์ •

์ด๋ ฅ์„œ ์ˆ˜์ •

  • ์ž๊ธฐ์†Œ๊ฐœ๋ถ€๋ถ„ ์ˆ˜์ •

TypeScript ๊ฐ•์˜

  • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์˜ ์›์‹œ ํƒ€์ž…์€ ์†Œ๋ฌธ์ž๋กœ ์ด๋ฃจ์–ด์ง„๋‹ค
  • number
    • ์ˆซ์ž ํƒ€์ž…์€ numberํ•˜๋‚˜์ด๋‹ค. ๋‹ค๋ฅธ ์–ธ์–ด์— ์žˆ๋Š” double๊ณผ ๊ฐ™์€ ์‹ค์ˆ˜๋“ฑ์˜ ํƒ€์ž…์€ ์กด์žฌํ•˜์ง€ ์•Š๋Š”๋‹ค.
  • string
    • ๋ฌธ์ž์—ด์€ ''(์ž‘์€ ๋”ฐ์˜ดํ‘œ), ""(ํฐ ๋”ฐ์˜ดํ‘œ), ``(๋ฐฑํ‹ฑ)์œผ๋กœ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.
  • boolean
    • true, false๋ฅผ ๋ฐ˜ํ™˜ํ•˜๋Š” ํƒ€์ž…์ด๋‹ค.

ํƒ€์ž… ์ถ”๋ก 

  • ์•„๋ž˜์˜ ์ฝ”๋“œ์ค‘ result = n1 + n2๋Š” ํƒ€์ž… ์ถ”๋ก ์ด๋ผ๋Š” ๋‚ด์žฅ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•œ๋‹ค.
  • ํŠน์ • ๋ณ€์ˆ˜๋‚˜ ์ƒ์ˆ˜์— ์–ด๋–ค ํƒ€์ž…์„ ์‚ฌ์šฉ ํ–ˆ๋Š”์ง€๋ฅผ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์ดํ•ดํ•ด์„œ ๊ณ„์‚ฐ ํ•ด์ค๋‹ˆ๋‹ค.
function add(n1: number, n2: number, showResult: boolean, parase: string) {
  const reuslt = n1 + n2;
  if (showResult === true) {
    console.log(resultPhrase + reuslt);  // 7.8 number๋กœ ๋”ํ•˜๊ณ  ๋ฌธ์ž๋กœ ๋ถ™์ž„
    console.log(resultPhrase + n1 + n2);  // 52.8 string์œผ๋กœ ๋”ํ•ด์ง
  } else {
    return n1 + n2;
  }
}

const number1 = 5;
const number2 = 2.8;
const preintResult = true;
const resultPhrase = "Result is: ";
// resultPhrase = 0;  // ํƒ€์ž… ์ถ”๋ก ์— ์˜ํ•œ ์˜ค๋ฅ˜ ๋ฐœ์ƒ

add(number1, number2, preintResult, resultPhrase);

ํƒ€์ž…ํ• ๋‹น

  • ํ•จ์ˆ˜์˜ ๋งค๊ฐœ ๋ณ€์ˆ˜์— ํƒ€์ž…์„ ์ง€์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์‚ฌ์šฉํ–ˆ์ง€๋งŒ ์ผ๋ฐ˜ ๋ณ€์ˆ˜์— ํƒ€์ž…์„ ํ• ๋‹นํ•˜์ง€ ์•Š๋Š”๋‹ค.
  • ํ•จ์ˆ˜์˜ ๋งค๊ฐœ ๋ณ€์ˆ˜์— ํƒ€์ž…์„ ์ง€์ •ํ•˜๋Š” ๊ฒƒ๊ณผ ๊ฐ™์€ ํ˜•์‹์œผ๋กœ ๋ณ€์ˆ˜์—๋„ ํƒ€์ž…์„ ์ง€์ •ํ•ด ์ค„ ์ˆ˜ ์žˆ๋‹ค.
  • ๋ณ€์ˆ˜์— ํƒ€์ž…์„ ์ง€์ •ํ•˜๊ณ  ๊ฐ’์„ ํ• ๋‹นํ•˜๋Š” ๋ฐฉ๋ฒ•๊ณผ ๋ณ€์ˆ˜์— ํƒ€์ž…์„ ์ง€์ •ํ•˜๊ณ  ๋‹ค๋ฅธ ๋ผ์ธ์—์„œ ๋ณ€์ˆ˜์— ๊ฐ’์„ ์ง€์ •ํ• ์ˆ˜ ์žˆ๋‹ค.
  • ํ•˜์ง€๋งŒ, ์œ„์™€ ๊ฐ™์€ ๋ฐฉ๋ฒ•์€ ํ•จ์ˆ˜์˜ ๋งค๊ฐœ ๋ณ€์ˆ˜์— ์ด๋ฏธ ํƒ€์ž…์„ ์ง€์ •ํ•ด๋’€๊ธฐ ๋•Œ๋ฌธ์— ํƒ€์ž… ์ถ”๋ก ์ด๋˜์–ด 2์ค‘์œผ๋กœ ๊ฒน์น˜๋Š” ์ฝ”๋“œ๊ฐ€ ๋œ๋‹ค. ์ด๋ฅผ ์ƒ๊ฐํ•˜๋ฉด์„œ ํƒ€์ž…์„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ์œผ๋ฉด ์ข‹๋‹ค.
let number1: number = 5;

let number1: number;
number1 = 5;    // ์ˆซ์ž๊ฐ€ ์•„๋‹Œ ๋‹ค๋ฅธ ํƒ€์ž…์„ ์ง€์ •ํ•˜๋ฉด ์˜ค๋ฅ˜๊ฐ€ ๋‚œ๋‹ค.

๐Ÿ“˜ ์ถ”๊ฐ€๋กœ ๊ณต๋ถ€ํ•  ๋‚ด์šฉ

TypeScript 

Next.js

Redux Query

๐Ÿ“ ์ค‘์š”ํ•œ ๋‚ด์šฉ

  • TypeScript
    • ํƒ€์ž… ์ถ”๋ก  ๋ฐ ํ• ๋‹น
 

'Daily > Today I Learned' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

22.10.23_TIL  (0) 2022.10.23
22.10.22_TIL  (0) 2022.10.22
22.10.20_TIL  (0) 2022.10.21
22.08.23_TIL  (0) 2022.08.23
22.08.22_TIL  (0) 2022.08.22