ν‘œν˜„μ‹ ν‘œν˜„λ¬Έ ν‘œν˜„μ‹λ¬Έ

2025. 5. 30. 14:20Β·πŸ‘©πŸ»‍πŸ’»STUDY/JavaScript

ν‘œν˜„μ‹ , λ¬Έ, ν‘œν˜„μ‹λ¬Έ μ΄λž€ λ‹¨μ–΄λŠ” κ³΅λΆ€ν•˜λ©΄μ„œ 계속 λ‚˜μ˜€λ˜λ° κ°œλ…μ΄ ν™•μ‹€μΉ˜ μ•Šμ•„ λ‹€μ‹œ μ •λ¦¬ν•΄λ³΄μ•˜λ‹€.

1. ν‘œν˜„μ‹(Expression)

μ •μ˜ : μ‹€ν–‰ κ²°κ³Όκ°€ 항상 값이 λ˜λŠ” μ½”λ“œ

  • ν‘œν˜„μ‹μ€ κ°’μ²˜λŸΌ μ‚¬μš©ν•  수 μžˆλ‹€.
var x; // λ³€μˆ˜ μ„ μ–Έλ¬Έ
x = 5; // ν• λ‹Ήλ¬Έ
function foo() {} // ν•¨μˆ˜ μ„ μ–Έλ¬Έ
if (x > 1) {} // 쑰건문
for(let i = 0; i < 3; i++) {} // 반볡문

 

2. λ¬Έ(Statement)

μ •μ˜ : ν”„λ‘œκ·Έλž¨μ„ κ΅¬μ„±ν•˜λŠ” κΈ°λ³Έ μ‹€ν–‰ λ‹¨μœ„.

λͺ…λ Ή λ˜λŠ” λ¬Έμž₯에 ν•΄λ‹Ήν•˜λ©°, ν”„λ‘œκ·Έλž¨μ˜ 흐름을 μ œμ–΄ν•œλ‹€.

  • ν”„λ‘œκ·Έλž¨μ˜ λ™μž‘μ„ μ§€μ‹œ
  • 문은 ν•˜λ‚˜ μ΄μƒμ˜ ν‘œν˜„μ‹μœΌλ‘œ ꡬ성될 수 μžˆλ‹€.
  • λ¬Έ λμ—λŠ” 보톡 세미클둠(;) 을 뢙인닀.
10; // 숫자 λ¦¬ν„°λŸ΄ ν‘œν˜„μ‹
'hello' // 문자 λ¦¬ν„°λŸ΄ ν‘œν˜„μ‹
x // μ‹λ³„μž ν‘œν˜„μ‹
2 + 3 // μ—°μ‚°μž ν‘œν˜„μ‹(5둜 평가)
x = 7 // ν• λ‹Ή ν‘œν˜„μ‹(7둜 평가)
sum() // ν•¨μˆ˜ 호좜 ν‘œν˜„μ‹
{a: 1, b: 2} // 객체 λ¦¬ν„°λŸ΄ ν‘œν˜„μ‹

 

3. ν‘œν˜„μ‹ λ¬Έ(Expression Statement)

μ •μ˜ : ν‘œν˜„μ‹μ΄ λ‹¨λ…μœΌλ‘œ λ¬Έμž₯처럼 μ‚¬μš©λœ 것

  • κ°’μœΌλ‘œ ν‰κ°€λ˜λ‚˜, κ·Έ μžμ²΄κ°€ ν”„λ‘œκ·Έλž¨μ˜ ν•œ 쀄(λ¬Έμž₯)으둜 λ™μž‘.
x = 100; // ν• λ‹Ή ν‘œν˜„μ‹μ΄λ©΄μ„œ λ™μ‹œμ— ν‘œν˜„μ‹ λ¬Έ
sum(); // ν•¨μˆ˜ 호좜 ν‘œν˜„μ‹μ΄λ©΄μ„œ λ™μ‹œμ— ν‘œν˜„μ‹ λ¬Έ
10 + 20; // μ—°μ‚°μž ν‘œν˜„μ‹μ΄λ©΄μ„œ λ™μ‹œμ— ν‘œν˜„μ‹ λ¬Έ

 

3-1. ν‘œν˜„μ‹μ˜ λΆ„λ₯˜

  • λΆ€μˆ˜ νš¨κ³Όκ°€ μ—†λŠ” ν‘œν˜„μ‹
    • λ‹¨μˆœνžˆ 값을 κ³„μ‚°ν•˜κ±°λ‚˜ μ°Έμ‘°ν•˜λŠ” ν‘œν˜„μ‹
    • `3+4`, `hello`
  • λΆ€μˆ˜ νš¨κ³Όκ°€ μžˆλŠ” ν‘œν˜„μ‹
    • μ‹€ν–‰ κ³Όμ •μ—μ„œ λ³€μˆ˜ 값을 λ³€κ²½ν•˜λŠ” λ“± ν”„λ‘œκ·Έλž¨ μƒνƒœμ— 영ν–₯을 μ£ΌλŠ” ν‘œν˜„μ‹
    • `x = 7`(ν• λ‹Ή), `arr.push(1)`(배열에 κ°’ μΆ”κ°€)
μ €μž‘μžν‘œμ‹œ λΉ„μ˜λ¦¬ 동일쑰건 (μƒˆμ°½μ—΄λ¦Ό)
'πŸ‘©πŸ»‍πŸ’»STUDY/JavaScript' μΉ΄ν…Œκ³ λ¦¬μ˜ λ‹€λ₯Έ κΈ€
  • ꡬ쑰뢄해할당
  • HTMLCollection, NodeList
  • μ»¬λ ‰μ…˜(Collection)μ΄λž€?
  • [JavaScript] 비ꡬ쑰화(ꡬ쑰뢄해) ν• λ‹Ή
jmjm
jmjm
  • jmjm
    /* jmjmjm */
    jmjm
  • 전체
    였늘
    μ–΄μ œ
    • λΆ„λ₯˜ 전체보기 (129)
      • πŸ‘©πŸ»‍πŸ’»STUDY (91)
        • HTML (9)
        • CSS (25)
        • SASS (4)
        • JavaScript (17)
        • jQuery (9)
        • Publishing (8)
        • Git (11)
        • React (6)
        • Vue (0)
        • μ›Ήμ ‘κ·Όμ„± (1)
        • Gulp (1)
      • 🐣codeLab (27)
      • 🌈etc (8)
      • πŸ₯° 일상 (2)
      • πŸŒŸμ½μ–΄λ³΄κΈ° (1)
  • λΈ”λ‘œκ·Έ 메뉴

    • ν™ˆ
    • νƒœκ·Έ
  • 링크

  • 곡지사항

  • 인기 κΈ€

  • νƒœκ·Έ

    css κ°€μƒμ„ νƒμž
    HTML Form
    html collection
    ν˜•μ œμΈμ ‘μž display none
    javascript nodelist
    μžλ°”μŠ€ν¬λ¦½νŠΈ slideup
    javascript htmlcollection nodelist
    sticky ν™œμš©
    μ ‘κ·Όμ„± μ£Όμ˜μ‚¬ν•­
    μžλ°”μŠ€ν¬λ¦½νŠΈ ν‘œν˜„μ‹λ¬Έ
    sass compiler
    sticky codepen
    아코디언메뉴
    μžλ°”μŠ€ν¬λ¦½νŠΈ ꡬ쑰뢄해할당
    CSS μ„ νƒμž
    ꡬ쑰뢄해할당 μ’…λ₯˜
    ν˜•μ œμΈμ ‘μž μ•ˆλ˜λŠ” 이유
    μžλ°”μŠ€ν¬λ¦½νŠΈ μ»¬λ ‰μ…˜
    sass
    μžλ°”μŠ€ν¬λ¦½νŠΈ ν‘œν˜„μ‹ λ¬Έ
    css flex
    css ν˜•μ œμΈμ ‘μž μ•ˆλΌμš”
    javascript ꡬ쑰뢄해할당
    sticky jsfiddle
    javascript μ»¬λ ‰μ…˜
    ν˜•μ œμΈμ ‘μž
    vscode 단좕킀
    μ›Ήμ ‘κ·Όμ„±
    react import export
    javascript htmlcollection
  • 졜근 λŒ“κΈ€

  • 졜근 κΈ€

  • hELLOΒ· Designed Byμ •μƒμš°.v4.10.3
jmjm
ν‘œν˜„μ‹ ν‘œν˜„λ¬Έ ν‘œν˜„μ‹λ¬Έ
μƒλ‹¨μœΌλ‘œ

ν‹°μŠ€ν† λ¦¬νˆ΄λ°”