JavaScript ๊ธฐ์ดˆ

dice0314ยท2023๋…„ 4์›” 18์ผ

๐Ÿ’ป JavaScript

  • ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‹คํ–‰ํ•˜๊ธฐ ์œ„ํ•ด ๋งŒ๋“ค์–ด์ง„ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด
  • ๋ธŒ๋ผ์šฐ์ €, ์„œ๋ฒ„, ๋ชจ๋ฐ”์ผ ๊ฐœ๋ฐœ์ด ๊ฐ€๋Šฅํ•œ ๋ฉ€ํ‹ฐ ํŒจ๋Ÿฌ๋‹ค์ž„ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด

console.log()

  • ์ฝ˜์†”์— ๋ฉ”์‹œ์ง€๋ฅผ ์ถœ๋ ฅํ•˜๋Š” ํ•จ์ˆ˜
  • ์ฃผ๋กœ ๋””๋ฒ„๊น… ์šฉ๋„๋กœ ์‚ฌ์šฉ
console.log('hello');

๋ณ€์ˆ˜์˜ ์„ ์–ธ๊ณผ ํ• ๋‹น

  • ํŠน์ • ๋ฐ์ดํ„ฐ๋ฅผ ์ปดํ“จํ„ฐ๊ฐ€ ๊ธฐ์–ตํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ฉ”๋ชจ๋ฆฌ์— ๊ณต๊ฐ„์„ ํ™•๋ณดํ•˜๊ณ  ๊ทธ ๋ฉ”๋ชจ๋ฆฌ ๊ณต๊ฐ„์— ์ด๋ฆ„์„ ๋ถ€์—ฌํ•˜๋Š” ๊ฒƒ์„ ๋ณ€์ˆ˜ ์„ ์–ธ์ด๋ผ๊ณ  ํ•œ๋‹ค.
  • ํ• ๋‹น์—ฐ์‚ฐ์ž(=)๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฉ”๋ชจ๋ฆฌ ๊ณต๊ฐ„์— ์ง€์ •ํ•œ ๊ฐ’์„ ๋„ฃ๋Š” ๊ฒƒ์„ ๊ฐ’ ํ• ๋‹น์ด๋ผ๊ณ  ํ•œ๋‹ค.
let num; // num์ด๋ผ๋Š” ๋ณ€์ˆ˜ ์„ ์–ธ
num = 3; // num์ด๋ผ๋Š” ๋ณ€์ˆ˜์— 3์˜ ๊ฐ’์„ ํ• ๋‹น

let, const

  1. let : ๊ธฐ์กด์˜ ๊ฐ’์„ ์ง€์šฐ๊ณ  ์ƒˆ๋กœ์šด ๊ฐ’์„ ์žฌํ• ๋‹น ํ•˜๋Š”๊ฒƒ์ด ๊ฐ€๋Šฅํ•˜๋‹ค.
  2. const : ์žฌํ• ๋‹น์ด ๋ถˆ๊ฐ€๋Šฅํ•˜๋‹ค.

์ฃผ์„

  • JavaScript ์—”์ง„์ด ๋”ฐ๋กœ ํ•ด์„ํ•˜์ง€ ์•Š๋Š” ์ฝ”๋“œ
  • '//' -> ๋ฌธ์ž์—ด ์ฃผ์„์ฒ˜๋ฆฌ
  • '/* */' -> ์—ฌ๋Ÿฌ ์ค„์˜ ์ฃผ์„์ฒ˜๋ฆฌ

Numberํƒ€์ž…

  • ์ˆซ์ž๋ฅผ ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ์—์„œ ํ‘œํ˜„ํ•˜๊ธฐ ์œ„ํ•œ ๋ฐ์ดํ„ฐ ํƒ€์ž…

1. ์‚ฐ์ˆ  ์—ฐ์‚ฐ์ž

  • +, -, *, /์™€ ๊ฐ™์ด ์‚ฌ์น™์—ฐ์‚ฐ์„ ํ•  ์ˆ˜ ์žˆ๋Š” ์ˆ˜ํ•™ ๊ธฐํ˜ธ๋“ค์„ ์‚ฐ์ˆ  ์—ฐ์‚ฐ์ž๋ผ๊ณ  ํ•œ๋‹ค.

2. Math ๋‚ด์žฅ ๊ฐ์ฒด

  • Math.floor(): ๊ด„ํ˜ธ ์•ˆ์˜ ์ˆซ์ž๋ฅผ ๋‚ด๋ฆผํ•˜์—ฌ ๋ฐ˜ํ™˜ํ•œ๋‹ค.
  • Math.ceil(): ๊ด„ํ˜ธ ์•ˆ์˜ ์ˆซ์ž๋ฅผ ์˜ฌ๋ฆผํ•˜์—ฌ ๋ฐ˜ํ™˜ํ•œ๋‹ค.
  • Math.round(): ๊ด„ํ˜ธ ์•ˆ์˜ ์ˆซ์ž๋ฅผ ๋ฐ˜์˜ฌ๋ฆผํ•˜์—ฌ ๋ฐ˜ํ™˜ํ•œ๋‹ค.
  • Math.abs(): ๊ด„ํ˜ธ ์•ˆ์˜ ์ˆซ์ž์˜ ์ ˆ๋Œ€๊ฐ’์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค.
  • Math.sqrt(): ๊ด„ํ˜ธ ์•ˆ์˜ ์ˆซ์ž์˜ ๋ฃจํŠธ๊ฐ’์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค.
  • Math.pow() : ๊ด„ํ˜ธ ์•ˆ์˜ ์ฒซ ๋ฒˆ์งธ ์ˆซ์ž๋ฅผ ๋ฐ‘, ๋‘ ๋ฒˆ์งธ ์ˆซ์ž๋ฅผ ์ง€์ˆ˜์ธ ์ˆซ์ž๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค.

Stringํƒ€์ž…

  • ๋ฌธ์ž์—ด์„ ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ์—์„œ ํ‘œํ˜„ํ•˜๊ธฐ ์œ„ํ•œ ๋ฐ์ดํ„ฐ ํƒ€์ž…
  • ๋”ฐ์˜ดํ‘œ(โ€™), ํฐ๋”ฐ์˜ดํ‘œ(โ€), ๋ฐฑํ‹ฑ(`)์„ ์‚ฌ์šฉํ•œ๋‹ค.
  • ๋ฌธ์ž์—ด ์—ฐ๊ฒฐ ์—ฐ์‚ฐ์ž(+)๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฌธ์ž์—ด๊ณผ ๋ฌธ์ž์—ด์„ ์ด์–ด ๋ถ™์ผ ์ˆ˜ ์žˆ๋‹ค.
  • ๋‹ค๋ฅธ ํƒ€์ž…๊ณผ ์ด์–ด ๋ถ™์ผ ์ˆ˜ ์žˆ์ง€๋งŒ ๋ชจ๋‘ ๋ฌธ์ž์—ด๋กœ ๋ฐ”๋€๋‹ค.

ํ…œํ”Œ๋ฆฟ ๋ฆฌํ„ฐ๋Ÿด

  • ๋ฐฑํ‹ฑ(``)์„ ์ด์šฉํ•˜์—ฌ ๋ฌธ์ž์—ด์„ ๊ฐ์‹ธ๋Š” ๋ฐฉ๋ฒ•
  • ๊ณต๋ฐฑ๊ณผ ์ค„๋ฐ”๊ฟˆ์ด ํ—ˆ์šฉ๋œ๋‹ค.
  • ๋ฌธ์ž์—ด ๋‚ด๋ถ€์— ๋ณ€์ˆ˜๋ฅผ ์‚ฝ์ž…ํ• ์ˆ˜ ์žˆ๋‹ค.
  • ๋‚ด๋ถ€์— ๋ณ€์ˆ˜๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ${}๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค.

๋ฌธ์ž์—ด length ์†์„ฑ

let A = 'hello'; // hello๋Š” 5๊ธ€์ž
console.log(A.length); // 5 ์ถœ๋ ฅ

๋ฌธ์ž์—ด ์ฃผ์š” ๋ฉ”์„œ๋“œ

  • toLowerCase() : ๋ฌธ์ž์—ด์„ ์†Œ๋ฌธ์ž๋กœ ๋ณ€๊ฒฝํ•œ๋‹ค.
  • toUpperCase() : ๋ฌธ์ž์—ด์„ ๋Œ€๋ฌธ์ž๋กœ ๋ณ€๊ฒฝํ•œ๋‹ค.
  • concat() : ๋ฌธ์ž์—ด์„ ์ด์–ด ๋ถ™์ผ ์ˆ˜ ์žˆ๋‹ค.
  • slice() : ๋ฌธ์ž์—ด์˜ ์ผ๋ถ€๋ฅผ ์ž๋ฅผ ์ˆ˜ ์žˆ๋‹ค.
  • indexOf() : ๋ฌธ์ž์—ด ๋‚ด์— ๋ฌธ์ž๊ฐ€ ๋ช‡ ๋ฒˆ์งธ ์œ„์น˜ํ•˜๋Š”์ง€ ํ™•์ธํ•œ๋‹ค. ์ฐพ๋Š” ๋ฌธ์ž๊ฐ€ 2๊ฐœ ์ด์ƒ์ธ ๊ฒฝ์šฐ ๊ฐ€์žฅ ์•ž์˜ ๋ฌธ์ž์˜ ์ธ๋ฑ์Šค๋ฅผ ์กฐํšŒํ•˜๊ณ , ์—†๋Š” ๊ฒฝ์šฐ -1์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค.
  • includes() : ๋ฌธ์ž์—ด ๋‚ด์— ๋ฌธ์ž๊ฐ€ ํฌํ•จ๋˜์–ด ์žˆ๋Š”์ง€ ํ™•์ธํ•œ๋‹ค. true, false๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค.

Boooleanํƒ€์ž…

  • ์‚ฌ์‹ค ๊ด€๊ณ„๋ฅผ ๊ตฌ๋ถ„ํ•˜๊ธฐ ์œ„ํ•œ ๋ฐ์ดํ„ฐ ํƒ€์ž…
  • ๊ฐ’์€ true์™€ false ๋‘˜ ์ค‘ ํ•˜๋‚˜

falsy

  • ๋ถˆ๋ฆฌ์–ธ ํƒ€์ž…์ด ์•„๋‹ˆ์ง€๋งŒ false๋กœ ์—ฌ๊ฒจ์ง€๋Š” ๊ฐ’๋“ค
    ๐Ÿ‘‰ false, 0, -0, 0n, "", '', ``, null, undefined, NaN

๋น„๊ต์—ฐ์‚ฐ์ž

  • ๋‘ ๊ฐ’์ด ๊ฐ™์€์ง€ ๋‹ค๋ฅธ์ง€๋ฅผ ํ™•์ธํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ
  • ๋‘ ํ”ผ์—ฐ์‚ฐ์ž์˜ ๊ฐ’๊ณผ ํƒ€์ž…์ด ๊ฐ™์œผ๋ฉด true, ๋‹ค๋ฅด๋ฉด false๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค.
  1. ์—„๊ฒฉํ•œ ๋™์น˜ ์—ฐ์‚ฐ์ž
  • ๋‘ ํ”ผ์—ฐ์‚ฐ์ž์˜ ๊ฐ’๊ณผ ํƒ€์ž…์ด ๊ฐ™์•„์•ผ true๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค.
    ๐Ÿ‘‰ ===, !==
  1. ๋А์Šจํ•œ ๋™์น˜ ์—ฐ์‚ฐ์ž
  • ํƒ€์ž…์ด ๋‹ฌ๋ผ๋„ ๊ฐ’์ด ๊ฐ’์œผ๋ฉด true๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค.
  • ํ˜„๋Œ€ ์›น ๊ฐœ๋ฐœ์—์„œ๋Š” ์‚ฌ์šฉ์„ ๊ถŒ์žฅํ•˜์ง€ ์•Š๋Š”๋‹ค.
    ๐Ÿ‘‰ ==, !=
  1. ๋Œ€์†Œ ๊ด€๊ณ„ ๋น„๊ต ์—ฐ์‚ฐ์ž
    ๐Ÿ‘‰ > , < , >= ,

๋…ผ๋ฆฌ์—ฐ์‚ฐ์ž

  1. ๋…ผ๋ฆฌ ์—ฐ์‚ฐ์ž
  • || : ๋…ผ๋ฆฌํ•ฉ(OR) ๐Ÿ‘‰ ๋‘ ๊ฐ’ ์ค‘ ํ•˜๋‚˜๋งŒ true์—ฌ๋„ true๋กœ ๋ฐ˜ํ™˜
  • && : ๋…ผ๋ฆฌ๊ณฑ(AND)
  1. ๋…ผ๋ฆฌ ๋ถ€์ • ์—ฐ์‚ฐ์ž ๐Ÿ‘‰ ๋‘ ๊ฐ’์ด ๋ชจ๋‘ true์—ฌ์•ผ์ง€๋งŒ true๋กœ ๋ฐ˜ํ™˜
  • ! : ๋ถ€์ •(NOT) ๐Ÿ‘‰ ์˜ค๋ฅธ์ชฝ ํ”ผ์—ฐ์‚ฐ์ž์˜ ๋ฐ˜๋Œ€ ๊ฐ’์„ ๋ฐ˜ํ™˜
profile
์ •๋ฆฌ๋…ธํŠธ

0๊ฐœ์˜ ๋Œ“๊ธ€