μƒˆμ†Œμ‹

FrontEnd/JavaScript

[JavaScript] λ³€μˆ˜μ˜ μ„ μ–Έ, μ΄ˆκΈ°ν™”, ν• λ‹Ή

  • -

🐣 0. λ³€μˆ˜μ˜ μ„ μ–Έ, μ΄ˆκΈ°ν™” ν• λ‹Ή?γ…‡?


μ˜€λŠ˜μ€ λ³€μˆ˜μ˜ μ„ μ–Έ, μ΄ˆκΈ°ν™”, 할당에 λŒ€ν•΄μ„œ μ‚΄νŽ΄λ³΄λ„λ‘ ν•˜κ² λ‹€! λ©΄μ ‘ 질문으둜 λ‚˜μ˜€λŠ” κ°œλ… 쀑 ν•˜λ‚˜!

μ•„λž˜μ—μ„œ 천천히 ν•˜λ‚˜μ”© μ‚΄νŽ΄λ³΄μž!

 

μ΄ˆκΈ°ν™” 꼬우!

🐣 1. λ³€μˆ˜ μ„ μ–Έ


  🐀 1-1. λ³€μˆ˜

ν•˜λ‚˜μ˜ 값을 μ €μž₯ν•˜κΈ° μœ„ν•΄ ν™•λ³΄ν•œ λ©”λͺ¨λ¦¬ 곡간 자체 λ˜λŠ” κ·Έ λ©”λͺ¨λ¦¬ 곡간을 μ‹λ³„ν•˜κΈ° μœ„ν•΄ 뢙인 이름이닀.

μ‰½κ²Œ λ§ν•˜λ©΄ ‘λ³€ν•  수 μžˆλŠ” 수’, ’λ³€ν•  수 μžˆλŠ” 정보’이닀. λ³€μˆ˜λŠ” μ„ μ–Έν•˜κ³ , ν• λ‹Ήν•˜κ³ , μ‚¬μš©ν•  수 있고, ‘λ³€ν•  수 μžˆλŠ” 수’μ΄λ―€λ‘œ constλ₯Ό μ œμ™Έν•˜κ³  μ§€μ •λœ 값을 계속 λ°”κΏ€ 수 μžˆλ‹€.

 

- μ•„λž˜λŠ” 'javascriptλ³€μˆ˜'에 λŒ€ν•΄μ„œ μ •λ¦¬ν•œ 이전 κ²Œμ‹œλ¬Ό 링크

 

[JavaScript] μ‹œμž‘μ€ μ–Έμ œλ‚˜ λ³€μˆ˜

😊 1. λ³€μˆ˜λž€?μ‰½κ²Œ λ§ν•˜λ©΄ ‘λ³€ν•  수 μžˆλŠ” 수’, ’λ³€ν•  수 μžˆλŠ” 정보’이닀. λ³€μˆ˜λŠ” μ„ μ–Έν•˜κ³ , ν• λ‹Ήν•˜κ³ , μ‚¬μš©ν•  수 있고, ‘λ³€ν•  수 μžˆλŠ” 수’μ΄λ―€λ‘œ constλ₯Ό μ œμ™Έν•˜κ³  μ§€μ •λœ 값을 계속 λ°”κΏ€ 수

haileyham.tistory.com

 

 

 

  🐀 1-2. μ‹λ³„μž

λ³€μˆ˜ 이름. μ‹λ³„μžλŠ” μ–΄λ–€ 값을 κ΅¬λ³„ν•΄μ„œ 식별할 수 μžˆλŠ” κ³ μœ ν•œ 이름. 값은 λ©”λͺ¨λ¦¬ 곡간에 μ €μž₯λ˜μ–΄ 있고 μ‹λ³„μžλŠ” λ©”λͺ¨λ¦¬ 곡간에 μ €μž₯λ˜μ–΄ μžˆλŠ” μ–΄λ–€ 값을 κ΅¬λ³„ν•΄μ„œ μ‹λ³„ν•˜κΈ° μœ„ν•΄, μ–΄λ–€ 값이 μ €μž₯λ˜μ–΄ μžˆλŠ” λ©”λͺ¨λ¦¬ μ£Όμ†Œλ₯Ό κΈ°μ–΅.

즉 μ‹λ³„μžλŠ” 값이 μ•„λ‹ˆλΌ λ©”λͺ¨λ¦¬ μ£Όμ†Œλ₯Ό κΈ°μ–΅.

 

  🐀 1-3. λ³€μˆ˜ μ„ μ–Έ

λ³€μˆ˜λ₯Ό μƒμ„±ν•˜λŠ” 것. 값을 μ €μž₯ν•˜κΈ° μœ„ν•œ λ©”λͺ¨λ¦¬ 곡간을 ν™•λ³΄ν•˜κ³  λ³€μˆ˜ 이름과 ν™•λ³΄λœ λ©”λͺ¨λ¦¬ κ³΅κ°„μ˜ μ£Όμ†Œλ₯Ό μ—°κ²°ν•΄μ„œ 값을 μ €μž₯ν•  수 있게 μ€€λΉ„ν•œλ‹€. JavaScript의 λ³€μˆ˜ 선언은 var, let λ˜λŠ” const ν‚€μ›Œλ“œμ™€ λ³€μˆ˜ 이름을 μ‚¬μš©ν•˜μ—¬ μƒˆ λ³€μˆ˜λ₯Ό λ„μž…!

ν˜„μž¬ λ²”μœ„ 내에 λ³€μˆ˜κ°€ μžˆμŒμ„ μ„ μ–Έ
λ³€μˆ˜κ°€ λ³΄μœ ν•  수 μžˆλŠ” 데이터 μœ ν˜•μ„ μ§€μ •(JavaScriptλŠ” λ™μ μœΌλ‘œ μœ ν˜• / TypeScript의 경우 μ§€μ • κ°€λŠ₯)
var age;
let name;
const PI = 3.14;​

 

var, let, const에 λŒ€ν•œ κ²Œμ‹œλ¬Όμ€ μ—¬κΈ°λ₯Ό μ°Έκ³ !

 

[JavaScript] var, let, const 차이점

🐣 var · let · const 에 λŒ€ν•΄μ„œ μ‚΄νŽ΄λ³΄μž!Javascript λ³€μˆ˜λ₯Ό μ„ μ–Έν•  λ•Œ μ‚¬μš©ν•˜λŠ” var let const ! μžλ°”μŠ€ν¬λ¦½νŠΈ 기초 κ°œλ… 쀑에 λΉΌ 놓을 수 μ—†λŠ” 것에 λŒ€ν•΄μ„œ λ‹€λ€„λ³΄κΈ°λ‘œ ν•˜μž!   πŸ£ var 1. κ°œλ… 및 νŠΉμ§•

haileyham.tistory.com

 

 

🐣 2. λ³€μˆ˜ μ΄ˆκΈ°ν™”


λ³€μˆ˜κ°€ μ„ μ–Έλœ 이후 ν•΄λ‹Ή λ©”λͺ¨λ¦¬μ— 처음 값이 μ €μž₯ν•˜λŠ” 것. JavaScript의 λ³€μˆ˜ μ΄ˆκΈ°ν™”μ—λŠ” ν”„λ‘œκ·Έλž¨μ—μ„œ μ„ μ–Έ μ‹œ λ˜λŠ” λ‚˜μ€‘μ— μ„ μ–Έλœ λ³€μˆ˜μ— 초기 값을 ν• λ‹Ήν•˜λŠ” μž‘μ—…μ΄ ν¬ν•¨λœλ‹€.

μ‹œμž‘ κ°’μœΌλ‘œ λ³€μˆ˜λ₯Ό μ΄ˆκΈ°ν™”
μ‚¬μš©ν•˜κΈ° 전에 λ³€μˆ˜κ°€ 'μ •μ˜λ˜μ§€ μ•ŠμŒ' λ˜λŠ” 'null'이 μ•„λ‹Œμ§€ 확인
var age = 30;
let name = 'John';
const PI = 3.14;

 

 

🐣 3. λ³€μˆ˜ ν• λ‹Ή


이미 μ΄ˆκΈ°ν™”λœ λ³€μˆ˜μ— μƒˆλ‘œμš΄ 값을 μ €μž₯ν•˜λŠ” 것. JavaScript의 λ³€μˆ˜ ν• λ‹Ήμ€ ν• λ‹Ή μ—°μ‚°μž(=)λ₯Ό μ‚¬μš©ν•˜μ—¬ κΈ°μ‘΄ λ³€μˆ˜μ— μƒˆ κ°’μ΄λ‚˜ μ—…λ°μ΄νŠΈλœ κ°’을 μ œκ³΅

ν”„λ‘œκ·Έλž¨ μ‹€ν–‰ 쀑에 λ³€μˆ˜μ— μ €μž₯된 값을 μ—…λ°μ΄νŠΈ
λ³€μˆ˜κ°€ λ³€ν™”ν•˜λŠ” 데이터λ₯Ό μ €μž₯ν•˜κ³  λ‚˜νƒ€λ‚Ό 수 있
age = 35; // assigning a new value to 'age'
name = 'Jane'; // assigning a new value to 'name'

 

 

🐣 4. 정리


λ³€μˆ˜ 선언은 λ³€μˆ˜λ₯Ό μƒμ„±ν•˜λŠ” κ²ƒμœΌλ‘œ λ©”λͺ¨λ¦¬ 곡간을 ν™•λ³΄ν•˜λŠ” 것이고, μ΄ˆκΈ°ν™”λž€ λ³€μˆ˜κ°€ μ„ μ–Έλœ 이후 ν•΄λ‹Ή λ©”λͺ¨λ¦¬μ— 처음 값이 μ €μž₯ν•˜λŠ” 것이며, 할당은 이미 μ΄ˆκΈ°ν™”λœ λ³€μˆ˜μ— μƒˆλ‘œμš΄ 값을 μ €μž₯ν•˜λŠ” 것!

 

  • μ„ μ–Έ : var, let, const μ‚¬μš©ν•˜μ—¬ μƒˆ λ³€μˆ˜ λ„μž…
  • μ΄ˆκΈ°ν™” : λ³€μˆ˜ μ„ μ–Έ μ‹œ λ³€μˆ˜μ— μ΄ˆκΈ°κ°’ ν• λ‹Ή
  • ν• λ‹Ή : ν• λ‹Ήμ—°μ‚°μž(=)λ₯Ό μ΄μš©ν•˜μ—¬ λ³€μˆ˜ κ°’ μ—…λ°μ΄νŠΈ

 

κ·ΈλŸΌμ˜€λŠ˜λ„μ•ˆλ…•!

 

Contents

ν¬μŠ€νŒ… μ£Όμ†Œλ₯Ό λ³΅μ‚¬ν–ˆμŠ΅λ‹ˆλ‹€

이 글이 도움이 λ˜μ—ˆλ‹€λ©΄ 곡감 λΆ€νƒλ“œλ¦½λ‹ˆλ‹€.