λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°
TIL -μΌκ°„ν•™μŠ΅κΈ°λ‘/Java Script

1W _JS_ λ³€μˆ˜, νƒ€μž…

by ___Jin 2021. 11. 10.

1. λ³€μˆ˜ (variables)

https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/Variables

 

ν•™μŠ΅ λͺ©ν‘œ β–‘β–³β—Ž

 

β–Άν”„λ‘œκ·Έλž˜λ°μ€ 데이터 처리λ₯Ό ν•˜λŠ” κ²ƒμž„μ„ μ•ˆλ‹€.β—Ž

β–Άλ³€μˆ˜ μ‚¬μš©μ€ 데이터λ₯Ό νŽΈλ¦¬ν•˜κ²Œ μ €μž₯ν•˜κ³  κΊΌλ‚΄ μ“°λŠ” κ²ƒμž„μ„ μ΄ν•΄β—Ž

 - λ³€μˆ˜λŠ” ν°μ„œλžμž₯에 ν•œ μ„œλžμ˜ 이름을 적어두고(λ³€μˆ˜μ„ μ–Έ) 이름에 ν•΄λ‹Ήν•˜λŠ” 것듀을 λ„£μ–΄λ‘λŠ”κ²ƒ(λ³€μˆ˜ν• λ‹Ή)κ³Ό λΉ„μŠ·ν•˜λ‹€.

 

β–Άλ³€μˆ˜μ˜ μ„ μ–Έκ³Ό κ°’μ˜ 할당에 λŒ€ν•΄μ„œ μ„€λͺ…ν•˜κ³  μ½”λ“œλ‘œ μž‘μ„±β—Ž

- let https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/let

/ const https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/const의 차이

let myName; //μ„ μ–Έ
myName = 'jane'; //ν• λ‹Ή

et myName = 'jane'; //μ„ μ–Έ + ν• λ‹Ή ν•¨κ»˜ κ°€λŠ₯

let myName = 'Chris'; // let으둜 myName을 μ„ μ–Έν•˜λ©΄ λ™μΌν•œ 이름을 μž¬μ„ μ–Έ ν• μˆ˜μ—†μ§€λ§Œ,
myName = 'Bob'; // myName의 값을 μœ„μ—μ„œ μ•„λž˜μ˜ μˆœμ„œλ‘œ 재 할당은 κ°€λŠ₯ν•˜λ‹€.

const myName = 'Chris'; //constμ„ μ–Έμ‹œ 이후 ν• λ‹Ή λ³€κ²½λΆˆκ°€ 
const yourName = 'Bob';
//μ„ μ–Έλ§Œ ν•˜κ³  할당을 μ£Όμ§€μ•ŠμœΌλ©΄ undefined λ‚˜μ˜΄

β–Άκ°’μœΌλ‘œ λ³€ν™˜λœ ν‘œν˜„λ¬Έμ΄ λ³€μˆ˜μ— ν• λ‹Ήλ˜μ–΄ λ‹΄κΈ°λŠ” κ³Όμ • μ„€λͺ… κ°€λŠ₯β—Ž

- λ³€μˆ˜λŠ” 상황에 따라 λ³€ν• μˆ˜ μžˆλŠ”κ°’ + 이름이 뢙은 κ°’

- javascriptμ—μ„œ = 은 'κ°™λ‹€' κ°€ μ•„λ‹ˆλΌ 값을 λŒ€μž…ν•œλ‹€ λΌλŠ” 뜻

let num;
num = 1;

num = num + 1 // 2 좜λ ₯됨

// "ν• λ‹Ήλœ num은 num +1 κ³Ό 같은 값이닀." κ°€ μ•„λ‹ˆλΌ,
//let을 μ‚¬μš©ν•œ num이 기쑴의 1이 ν• λ‹Ήλœ num에 1을 더해 num에 2λ₯Ό ν• λ‹Ήν•œλ‹€λŠ” 뜻이 λœλ‹€.

λ§€κ°œλ³€μˆ˜(parameter)λŠ” 뭘까..


2. νƒ€μž…

https://developer.mozilla.org/ko/docs/Web/JavaScript/Data_structures

 

ν•™μŠ΅λͺ©ν‘œ β–‘β–³β—Ž

 

β–Άμžλ°”μŠ€ν¬λ¦½νŠΈμ—μ„œ μ›μ‹œ μžλ£Œν˜•κ³Ό μ°Έμ‘° μžλ£Œν˜•μ„ μ•ˆλ‹€.β–³

 

-μ›μ‹œ μžλ£Œν˜•(primitive)

JavaScriptμ—μ„œ μ›μ‹œ κ°’(primitive, λ˜λŠ” μ›μ‹œ μžλ£Œν˜•)μ΄λž€ κ°μ²΄κ°€ μ•„λ‹ˆλ©΄μ„œ λ©”μ„œλ“œλ„ 가지지 μ•ŠλŠ” λ°μ΄ν„°μž…λ‹ˆλ‹€. μ›μ‹œ κ°’μ—λŠ” 7μ’…λ₯˜, string, number (en-US), bigint (en-US), boolean, undefined, symbol, 그리고 null이 μ‘΄μž¬ν•¨

 

-μ°Έμ‘° μžλ£Œν˜•(reference data type)

λŒ€ν‘œμ μœΌλ‘œ λ°°μ—΄(Array)κ³Ό 객체(Object) ν•¨μˆ˜(Function)κ°€ μžˆλ‹€.

μ°Έμ‘° μžλ£Œν˜•μ˜ λ°μ΄ν„°λŠ” heapμ΄λΌλŠ” 데이터 보관함에 μ €μž₯되고, λ³€μˆ˜μ—λŠ” 데이터가 μ €μž₯된 보관함 μ£Όμ†Œκ°€ μ €μž₯되기 λ•Œλ¬Έμ—

μ›μ‹œμžλ£Œν˜•κ³Ό λ‹€λ₯΄κ²Œ μ—¬λŸ¬ 데이터λ₯Ό λ‹΄μ„μˆ˜μžˆλ‹€.

 

β–Άμ›μ‹œ μžλ£Œν˜• string, number, boolean, undefined의 의미λ₯Ό μ΄ν•΄ν•œλ‹€.β—Ž

-string :λ¬Έμžμ—΄

-number : μ •μˆ˜

-boolean : true or false

-undefined : μ •μ˜λ˜μ§€μ•ŠμŒ

 

β–Άνƒ€μž…λ§ˆλ‹€ λ‹€λ₯Έ 속성과 λ©”μ†Œλ“œκ°€ μžˆλ‹€λŠ” 것을 μ΄ν•΄ν•œλ‹€.β—Ž

β–Άtypeof λ₯Ό ν™œμš©ν•˜μ—¬ νŠΉμ • κ°’μ˜ νƒ€μž…μ„ ν™•μΈν•œλ‹€.β—Ž

- typeof { name : "jane"}  "object"λ₯Ό 리턴

- typeof "jane" string λ¦¬ν„΄

▢비ꡐ μ‹œ μ—„λ°€ν•œ 비ꡐ( === κ³Ό !== )의 ν•„μš”μ„±μ„ μ΄ν•΄ν•œλ‹€.β—Ž

- === κ°™λ‹€ ,!== λ‹€λ₯΄λ‹€.

νƒ€μž…κΉŒμ§€ 비ꡐ함 ('123' === 123) -> false

'TIL -μΌκ°„ν•™μŠ΅κΈ°λ‘ > Java Script' μΉ΄ν…Œκ³ λ¦¬μ˜ λ‹€λ₯Έ κΈ€

3W_JS_ν΄λ‘œμ €ν•¨μˆ˜  (0) 2021.12.29
3W_JS_Scope  (0) 2021.12.29
3W_JS_Method  (0) 2021.11.25
3W_JS_μŠ€μ½”ν”„μ™€ ν΄λ‘œμ €  (0) 2021.11.25
1W _JS_쑰건문  (0) 2021.11.15

λŒ“κΈ€