πŸ’›μ‹¬ν™” JavaScript(1)πŸ’›

BingJuΒ·2023λ…„ 11μ›” 21일
0

HTML/CSS/JS

λͺ©λ‘ 보기
22/25

λ³€μˆ˜μ™€ μƒμˆ˜

'$'와 '_'λ₯Ό μ œμ™Έν•œ κΈ°ν˜ΈλŠ” μ‚¬μš© λΆˆκ°€
λ³€μˆ˜λͺ…μ˜ 맨 μ•žμ€ 숫자 μ‚¬μš© λΆˆκ°€λŠ₯
μ˜ˆμ•½μ–΄ μ‚¬μš© λΆˆκ°€

μžλ£Œν˜•κ³Ό ν˜• λ³€ν™˜

μ›μ‹œνƒ€μž…: 숫자, null, Bigint, undefined, 문자, symbol , boolean
ν”„λ‘œκ·Έλž¨μ΄ μ‹€ν–‰λ˜λŠ” 도쀑에 단 ν•˜λ‚˜μ˜ κ°’λ§Œμ„ κ°–κ³  μžˆλŠ” μžλ£Œν˜•
λΉ„μ›μ‹œνƒ€μž…: 객체

  • numberκ°€ μ›μ‹œνƒ€μž…, arrayκ°€ λΉ„μ›μ‹œνƒ€μž…

Bigintν˜•: μˆ«μžν˜•μœΌλ‘œλŠ” λ‚˜νƒ€λ‚΄μ§€ λͺ»ν•˜λŠ” μ• λ“€
근데 잘 μ•ˆμ“°μž„

  • λ¬΅μ‹œμ  ν˜•λ³€ν™˜
  • λͺ…μ‹œμ  ν˜•λ³€ν™˜

μ—°μ‚°μž

ν”„λ‘œκ·Έλž˜λ° μ–Έμ–΄μ—μ„œ νŠΉμ • 연산을 ν•  수 μžˆλ„λ‘ λ„μ™€μ£ΌλŠ” 문자
파이썬, μžλ°”λž‘ λ„ˆλ¬΄ λΉ„μŠ·ν•΄μ„œ μ„€λͺ… μƒλž΅..

  • ===
    μ–˜λŠ” κ°’λΏλ§Œ μ•„λ‹ˆλΌ μžλ£Œν˜•λ„ 같은 μ§€λ₯Ό λΉ„κ΅ν•œλ‹€.
  • ==
    μ–˜λŠ” κ°’λ§Œ 같은지 λΉ„κ΅ν•œλ‹€.
  • null병합 μ—°μ‚°μž

    num이 undefined라면 20이 λŒ€μž…μ΄ λœλ‹€.
    λ§Œμ•½ undefinedκ°€ μ•„λ‹ˆλΌλ©΄ 20이 λŒ€μž…λ˜μ§€ μ•Šκ³  μ›λž˜ 있던 값이 κ·ΈλŒ€λ‘œ 좜λ ₯λœλ‹€.
  • μ‚Όν•­ μ—°μ‚°μž
    A? B: C
    AλΌλŠ” 쑰건문이 참이라면 Bλ₯Ό, 거짓이라면 Cλ₯Ό μˆ˜ν–‰ν•΄λΌ

ν•¨μˆ˜

같은 λ™μž‘μ„ ν•˜λŠ” μ€‘λ³΅λœ μ½”λ“œκ°€ 여기저기에 μ‘΄μž¬ν•  λ•Œ,
이듀을 ν•˜λ‚˜λ‘œ λ¬Άμ–΄ ν•˜λ‚˜μ˜ λͺ…λ ΉμœΌλ‘œ μ‹€ν–‰ν•  수 있게 ν•΄μ£ΌλŠ” κΈ°λŠ₯
μ¦‰μ‹œ μ‹€ν–‰ ν•¨μˆ˜λž€ 것도 μžˆλ‹€.

μŠ€μ½”ν”„

λ²”μœ„, λ³€μˆ˜ ν˜Ήμ€ ν•¨μˆ˜κ°€ κ°–κ²Œ λ˜λŠ” μœ νš¨λ²”μœ„
μ „μ—­ μŠ€μ½”ν”„
-μ–΄λ””μ„œλ“ μ§€ ν•΄λ‹Ή λ³€μˆ˜μ— μ ‘κ·Ό κ°€λŠ₯
μ§€μ—­ μŠ€μ½”ν”„

  • 지역을 λ²—μ–΄λ‚œ κ³³μ—μ„œλŠ” μ ‘κ·Ό λΆˆκ°€λŠ₯
    λΈ”λ‘μŠ€μ½”ν”„
  • 같은 λΈ”λ‘μ—μ„œλ§Œ μ ‘κ·Ό κ°€λŠ₯ν•œ λ²”μœ„λ₯Ό λœ»ν•¨

var둜 선언을 ν•˜λ©΄ μœ„μ™€ 같은 단점...

λ‹Ήμ—°νžˆ console.log(i)λ₯Ό ν•˜λ©΄ i의 μŠ€μ½”ν”„λ₯Ό λ²—μ–΄λ‚˜μ„œ 좜λ ₯이 되면 μ•ˆλœλ‹€.
ν•˜μ§€λ§Œ iλ₯Ό let이 μ•„λ‹Œ var둜 ν•˜λ©΄ μœ„ μ½”λ“œλŠ” 잘 μž‘λ™ν•˜κ²Œ λ˜λŠ” μ΄μƒν•œ 상황이 λœλ‹€.
κ·Έλž˜μ„œ varλ³΄λ‹€λŠ” let을 많이 μ‚¬μš©ν•œλ‹€.
let: 블둝 μŠ€μ½”ν”„
var: ν•¨μˆ˜ μŠ€μ½”ν”„

ν˜Έμ΄μŠ€νŒ…

아직 μ„ μ–Έλ˜μ§€ μ•Šμ€ ν•¨μˆ˜λ‚˜ λ³€μˆ˜λ“€μ„, ν•΄λ‹Ή μŠ€μ½”ν”„μ˜ 맨 μœ„λ‘œ λŒμ–΄μ˜¬λ € μ‚¬μš©ν•˜λŠ” μž‘λ™ 방식!

-ν•¨μˆ˜ ν˜Έμ΄μŠ€νŒ…

ν•¨μˆ˜λ₯Ό 아직 μž‘μ„±ν•˜μ§€λ„ μ•Šμ•˜λŠ”λ° κ·Έλƒ₯ 인식해버림 -> ν•¨μˆ˜ ν˜Έμ΄μŠ€νŒ…

-λ³€μˆ˜ ν˜Έμ΄μŠ€νŒ…

let 으둜 ν•˜λ©΄ λ³€μˆ˜ ν˜Έμ΄μŠ€νŒ…μ΄ 이뀄지지 μ•ŠλŠ”λ‹€.

ν•¨μˆ˜ ν‘œν˜„μ‹

ν•¨μˆ˜ 선언식과 ν•¨μˆ˜ ν‘œν˜„μ‹

ν•¨μˆ˜ μ„ μ–Έμ‹μ—μ„œλŠ” ν˜Έμ΄μŠ€νŒ…μ΄ μ μš©λ˜μ§€λ§Œ ν•¨μˆ˜ ν‘œν˜„μ‹μ—μ„œλŠ” ν˜Έμ΄μŠ€νŒ…μ΄ μ μš©λ˜μ§€ μ•ŠλŠ”λ‹€.

  • μœ„λŠ” ν•¨μˆ˜ 선언식, μ•„λž˜λŠ” ν•¨μˆ˜ ν‘œν˜„μ‹

μ½œλ°±ν•¨μˆ˜

λ‹€λ₯Έ ν•¨μˆ˜μ— λ§€κ°œλ³€μˆ˜λ‘œ λ„˜κ²¨μ€€ ν•¨μˆ˜

객체

-λΉ„μ›μ‹œ νƒ€μž…


  • 객체의 κ°’μ˜ 변경도 κ°€λŠ₯ν•˜λ‹€!
  • deleteλΌλŠ” ν‚€μ›Œλ“œλ₯Ό 톡해 ν•΄λ‹Ή propertyλ₯Ό μ§€μšΈ μˆ˜λ„ μžˆλ‹€.

λ°°μ—΄

μˆœμ„œκ°€ μžˆλŠ” μš”μ†Œλ“€μ˜ μ§‘ν•©
μ—¬λŸ¬κ°œμ˜ ν•­λͺ©λ“€μ΄ λͺ¨μ—¬μžˆλŠ” 리슀트



  • 배열에 μš”μ†Œλ₯Ό μΆ”κ°€ν•˜λŠ” 방법: λ°°μ—΄.push();
  • unshift: λ°°μ—΄μ˜ 맨 μ•žμ— νŠΉμ •κ°’μ„ μΆ”κ°€ν•˜κ³  싢을 λ•Œ μ‚¬μš©ν•œλ‹€.
  • λ°°μ—΄μ˜ λ§ˆμ§€λ§‰ μš”μ†Œλ₯Ό μ‚­μ œν•˜λŠ” 방법: λ°°μ—΄.pop();
  • λ°°μ—΄μ˜ κ°€μž₯ μ•ž μš”μ†Œλ₯Ό μ‚­μ œν•˜λŠ” 방법: λ°°μ—΄.shift();
  • λ°°μ—΄μ˜ 길이λ₯Ό μ•„λŠ” 방법: λ°°μ—΄.length();
profile
Halo!

0개의 λŒ“κΈ€