
ð 볞 í¬ì€ížë '몚ë ìë°ì€í¬ëŠœíž Deep Dive' ëì륌 ë°íìŒë¡ íµì¬ ê°ë ë° ëŽì©ì ììœí í¬ì€ížì ëë€.
06ì¥ ë°ìŽí° íì
ë°ìŽí° íì ì ê°ì ì¢ ë¥ë¥Œ ì믞í©ëë€. JSì 몚ë ê°ì ë°ìŽí° íì ì ê°ì§ê³ ììŒë©° JS(ES6)ë ìŽ 7ê°ì ë°ìŽí° íì ì ì ê³µí©ëë€. ë ìŽ 7ê°ì ë°ìŽí° íì ì í¬ê² ìì íì , ê°ì²Ž íì 2ê°ì§ë¡ ë¶ë¥í ì ììµëë€.
êµ¬ë¶ | ë°ìŽí° íì | ì€ëª |
ìì íì | ì«ì íì number | ì«ì, ì ìì ì€ì êµ¬ë¶ ììŽ íëì ì«ì íì numberë§ìŽ ì¡Žì¬ |
묞ììŽ íì string | 묞ììŽ | |
ë¶ëŠ¬ìž íì boolean | ë ŒëŠ¬ì 찞곌 ê±°ì§(true, false) | |
undefined íì | var í€ìëë¡ ì ìžë ê°ì ì묵ì ìŒë¡ í ë¹ëë ê° | |
null íì | ê°ìŽ ìë€ë ê²ì ìëì ìŒë¡ ëª ìí ë ì¬ì©íë ê° | |
symbol íì | ES6ìì ì¶ê°ë 7ë²ì§ž íì | |
ê°ì²Ž íì | ê°ì²Ž, íšì, ë°°ìŽ ë± |
JS륌 ë¹ë¡¯í 몚ë íë¡ê·žëë° ìžìŽìì ë°ìŽí° íì ì ì€ìí©ëë€. ì륌 ë€ìŽ ì«ì íì ì 1곌 묞ììŽ íì ì '1'ì ë¹ì·íŽ 볎ìŽì§ë§ ì í ë€ë¥ž ê°ì ëë€. ëì ìì±í 목ì 곌 ì©ëê° ë€ëŠ ëë€. 1곌 ê°ì 겜ì°ìë ì£Œë¡ ì°ì ì°ì°ì ìíì¬ ìì±íì§ë§ '1'ì 겜ì°ìë ì£Œë¡ í ì€ížë¥Œ íë©Žì ì¶ë ¥íêž° ìíì¬ ìì±í©ëë€. ë ëìê° ìŽ ëì ì ì¥ì ìíì¬ í볎íŽìŒí ë©ëªšëŠ¬ ê³µê°ì í¬êž°ë ë€ë¥Žë©° ì ì¥ëë 2ì§ì ê°, íŽìíë ë°©ì 몚ë ë€ëŠ ëë€.
6.1 ì«ì(number) íì
Cë Java륌 ë¹ë¡¯í ë§ì íë¡ê·žëë° ìžìŽììë ì ì, ì€ì륌 구ë¶íì¬ int, long, float, double ë±ì ë€ìí ì«ì íì ì ê°ì§ê³ ìë ë°ë©Ž JSììë íëì ì«ì íì number ë§ì ê°ì§ê³ ììµëë€.
JSììì ì«ì íì ì ë°°ì ë°ë(64ë¹íž) ë¶ëììì íìì 2ì§ìë¡ ì ì¥ë©ëë€. ìŠ, 몚ë ì륌 ì€ìë¡ ì²ëŠ¬íë©° ì ìë§ íííêž° ìí ë°ìŽí° íì ìŽ ë³ëë¡ ì¡Žì¬íì§ ììµëë€.
ë¶ëììì ì ëí ìŽíŽê° íìí ê²œì° ìë í¬ì€í ì ì°žê³ íë©Ž ì¢ì ê±° ê°ìµëë€.
https://devocean.sk.com/blog/techBoardDetail.do?ID=165270
var binary = 0b01000001; // 2ì§ì
var octal = 0o101; // 8ì§ì
var hex = 0x41; // 16ì§ì
console.log(binary); // 65
console.log(octal); // 65
console.log(hex); // 65
console.log(binary === octal); // true
console.log(octal === hex); // true
JSììë ëš íëì ì«ì íì ë§ìŽ ì¡Žì¬íêž° ë묞ì ì ì, ì€ì, 2ì§ì, 8ì§ì ë±ë±..ì ê°êž° ë€ë¥ž ì«ì 늬í°ëŽì ì ì¥í ë€ ë€ì ì°žì¡°íë©Ž 몚ë 10ì§ìë¡ íŽìë©ëë€(ì ì, ì€ì, 2ì§ì, 8ì§ì ë±ì ííí ë°ìŽí° íì ìŽ ìêž° ë묞).
ì«ì íì ì ì¶ê°ì ìŒë¡ ìž ê°ì§ì í¹ë³í ê°ë ííí ì ììµëë€.
- Infinity : ìì 묎íë
- -Infinity : ìì 묎íë
- NaN : ì°ì ì°ì° ë¶ê°(not-a-number)
JSììë ëì묞ì륌 구ë³íêž° ë묞ì ì ê°ì ííí ë, ì못 íêž°íì¬ ìë³ìë¡ íŽìëì§ ìëë¡ ì£ŒìíŽìŒ í©ëë€.
6.2 묞ììŽ íì
묞ììŽ íì ì í ì€íž ë°ìŽí°ë¥Œ ëíëŽêž° ìíì¬ ì¬ì©í©ëë€.
묞ììŽì ìì ë°ìŽí(''), í° ë°ìŽí(""), ë°±í±(``)ìŒë¡ í ì€ížë¥Œ ê°ìëë€. JSìì ê°ì¥ ìŒë°ì ìž íêž°ë²ì ììë°ìŽí륌 ì¬ì©íë ê²ìŽëŒê³ í©ëë€.
- ìì ë°ìŽíë¡ ê°ìŒ 묞ììŽ ëŽë¶ì í° ë°ìŽíë 묞ììŽë¡ ìžìë©ëë€.
- í° ë°ìŽíë¡ ê°ìŒ 묞ììŽ ëŽë¶ì ìì ë°ìŽíë 묞ììŽë¡ ìžìë©ëë€.
ë€ë¥ž íì ì ê°ê³Œ ë¬ëŠ¬ 묞ììŽì ë°ìŽíë¡ ê°ìžë ìŽì ë í€ìëë ìë³ì ê°ì í í°ê³Œ 구ë¶íêž° ìíŽì ì ëë€. ë°ìŽíë ë°±í±ìŒë¡ ê°ìžì§ ìë ê²œì° JS ìì§ì ìŽë¥Œ í€ìëë ìë³ì ê°ì í í°ìŒë¡ ìžìíê² ëë 죌ìíŽìŒ í©ëë€.
Cë 묞ììŽ íì ëì 묞ìì ë°°ìŽë¡ 묞ììŽì íííë©° Javaë 묞ììŽì ê°ì²Žë¡ ííí©ëë€. íì§ë§ JSììì 묞ììŽì ìì íì ìŽë©° ë³ê²œ ë¶ê°ë¥í ê°ì ëë€.
ìŽë 묞ììŽì ìì±ê³Œ ëìì ë³ê²œí ì ììì ì믞í©ëë€.
6.3 í í늿 늬í°ëŽ
ES6ë¶í° í í늿 늬í°ëŽìŽëŒê³ íë ìë¡ìŽ 묞ììŽ íêž°ë²ìŽ ëì ëììµëë€. í í늿 늬í°ëŽì ë©í°ëŒìž 묞ììŽ, ííì ìœì , íê·žë í í늿 ë±ì ížëŠ¬í 묞ììŽ ì²ëŠ¬ êž°ë¥ì ì ê³µí©ëë€. í í늿 늬í°ëŽì ìŒë° 묞ììŽë¡ ë³íëìŽ ì²ëŠ¬ë©ëë€.
í í늿 늬í°ëŽì ë°ìŽíê° ìë ë°±í±(``)ì ì¬ì©íì¬ ííí©ëë€.
6.3.1 ë©í°ëŒìž 묞ììŽ
ìŒë° 묞ììŽ ëŽììë ì€ë°ê¿(ê°í) íì©ëì§ ììµëë€. ë°ëŒì ìŒë° 묞ììŽ ëŽìì ì€ë°ê¿ ë±ì 공백ì íííêž° ìíŽìë ìŽì€ìŒìŽí ìíì€ë¥Œ ì¬ì©íŽìŒ í©ëë€(ìŽ ê²œì°ìë \nì ì¬ì©íê² ë ê²ì ëë€).
ë§ìŒ ìŒë° 묞ììŽì íµíì¬ ì€ë°ê¿ê³Œ ë€ì¬ì°êž°ê° ì ì©ë HTML 묞ììŽì íííê³ ì íë€ë©Ž ìëì ê°ì ê²ì ëë€.
var template = '<ul>\n\t<li><a href="#">Home</a></li>\n</ul>';
console.log(template);
íì§ë§ í í늿 늬í°ëŽì íµíŽìë ìŽì€ìŒìŽí ìíì€ë¥Œ ì¬ì©íì§ ììë ì€ë°ê¿ìŽ íì©ëë©° 몚ë 공백ë ê·žëë¡ ì ì©ë©ëë€. ë°ëŒì ìë ìœëì ì ìœëë ëìŒí 결곌ê°ì ê°ì§ëë€.
var template = `<ul>
<li><a href="#">Home</a></li>
</ul>`
console.log(template);
6.3.2 ííì ìœì
묞ììŽì 묞ììŽ ì°ì°ì +륌 ì¬ì©íì¬ ì°ê²°í ì ììµëë€. + ì°ì°ìë íŒì°ì°ì ì€ íë ìŽììŽ ë¬žììŽìž ê²œì° ë¬žììŽ ì°ê²° ì°ì°ìë ëìí©ëë€(ìŽìžìë ë§ì ì°ì°ìë¡ ëì).
íì§ë§ ìŽ ê²œì° í í늿 늬í°ëŽ ëŽìì ííì ìœì ì íµíì¬ ëì± ê°ëší 묞ììŽì ìœì í ì ììµëë€. ìŽë¥Œ íµíì¬ ë¬žììŽ ì°ì°ì륌 ìŽì©íë ê²ë³Žë€ ê°ë ì± ëê³ ê°ížíê² ë¬žììŽì ì¡°ìí ì ììµëë€.
var first = 'Jiwon';
var last = 'Choi';
// 묞ììŽ ì°ì°ì +륌 ì¬ì©í 겜ì°
console.log('ì ìŽëŠì ' + first + ' ' + last + 'ì
ëë€.'); // ì ìŽëŠì Jiwon Choiì
ëë€.
// í
í늿 늬í°ëŽì ííì ìœì
ì ìŽì©í 겜ì°
console.log(`ì ìŽëŠì ${first} ${last}ì
ëë€.`); // ì ìŽëŠì Jiwon Choiì
ëë€.
ííì ìœì ì ê²œì° í í늿 늬í°ëŽ ëŽììë§ ëìíêž° ë묞ì ìŒë° 묞ììŽìì ì¬ì©í ì ììì ì ìíŽìŒ í©ëë€(ìŽ ê²œì°ìë ííì ìœì ì ë 묞ììŽë¡ ì·šêž).
6.4 ë¶ëŠ¬ìž íì
ë ŒëŠ¬ì ì°ž, ê±°ì§ì íëëŽë íì ìŒë¡ trueì falseë§ ì¡Žì¬í©ëë€.
ë¶ëŠ¬ìž íì ì 조걎ì ìíì¬ íë¡ê·žëšì íëŠì ì ìŽíë 조걎묞ìì ì죌 ì¬ì©ë©ëë€.
6.5 undefined íì
undefined íì ì ê°ì undefinedê° ì ìŒí©ëë€.
var í€ìëë¡ ì ìží ë³ìë ì묵ì ìŒë¡ undefinedë¡ ìŽêž°íë©ëë€. ìŠ ë³ì ì ìž ìŽí ê°ì í ë¹íì§ ìì ë³ì륌 ì°žì¡°í ë undefinedê° ë°íë©ëë€.
ìŽì²ëŒ undefinedë ê°ë°ìê° ìëì ìŒë¡ í ë¹íêž° ìí ê°ìŽ ìë JS ìì§ìŽ ë³ì륌 ìŽêž°íí ë ì¬ì©íë ê°ì ëë€. ë°ëŒì ë§ìŒ ê°ë°ìê° ìëì ìŒë¡ undefinedëŒë ê°ì ë³ìì í ë¹íë ê²ì ì못ë íìëŒê³ 볌 ì ìì£ .
ê·žë ë€ë©Ž ë³ìì ê°ìŽ ììì ëª ìì ìŒë¡ ëíëŽêž° ìíŽìë 묎ìì ì¬ì©íŽìŒ í ê¹ì? ìŽë¬í ì구륌 충족íêž° ìíì¬ undefined ë¿ë§ ìë nullìŽëŒë íì ë ì¡Žì¬í©ëë€.
6.6 null íì
null íì ì ê°ë nullìŽ ì ìŒí©ëë€. ëí JSììë ëì묞ì륌 구ë³íêž° ë묞ì null ìŽìž Null, NULL ë±ì ê°ì ìë³ìë¡ ìžìëë¯ë¡ ì¡°ì¬íŽìŒ í©ëë€.
íë¡ê·žëë° ìžìŽìì nullì ë³ìì ê°ìŽ ììì ìëì ìŒë¡ ëª ìí ë, ìëì ë¶ì¬ë¥Œ ëíëŒ ë ì¬ì©í©ëë€. ë³ìì nullì í ë¹íë ê²ì ë³ìê° ìŽì ì ì°žì¡°íë ê°ì ë ìŽì ì°žì¡°íì§ ìê² ë€ë ê²ì ì믞í©ëë€.
ëí, íšìê° ì íší ê°ì ë°íí ì ìë 겜ì°ìë nullì ë°ííêž°ë í©ëë€. ìŽë¥Œ í ë©Ž document.querySelector ë©ìë륌 ì¬ì©íì ë 조걎ì ë¶í©íë HTML ììê° ìë 겜ì°ìë nullìŽ ë°íë©ëë€.
6.7 ì¬ë² íì
ì¬ë²ì ES6ìì ì¶ê°ë 7ë²ìš° íì ìŒë¡ ë³ê²œ ë¶ê°ë¥í ìì íì ì ëë€. ì¬ë²ì ë€ë¥ž ê°ê³Œ ì€ë³µëì§ ìë ì ìŒë¬ŽìŽí ê°ìŒë¡, ì£Œë¡ ìŽëŠ 충ë ìíìŽ ìë ê°ì²Žì ì ìŒí íë¡íŒí° í€ë¥Œ ë§ë€êž° ìíì¬ ì¬ì©í©ëë€.
ì¬ë² ìŽìžì ìì ê°ì 늬í°ëŽì íµíì¬ ìì±íì§ë§ ì¬ë²ì Symbol íšì륌 ížì¶íì¬ ìì±íë€ë í¹ì§ìŽ ììµëë€. ìŽë ìì±ë ì¬ë² ê°ì ìžë¶ì ë žì¶ëì§ ììŒë©° ë€ë¥ž ê°ê³Œ ì€ë³µëì§ ììµëë€(ì ìŒë¬ŽìŽ).
6.8 ê°ì²Ž íì
JSì íì (ë°ìŽí° íì )ì í¬ê² ìì íì 곌 ê°ì²Ž íì ìŒë¡ ë¶ë¥ë©ëë€. ìŽë ìì íì 곌 ê°ì²Ž íì ì ë¿ëŠ¬ë¶í° ë€ëŠì ì믞í©ëë€. ìì§ ê°ì²Žì ëíì¬ ë€ë¥ž í¬ì€í ìŽ ììŒë¯ë¡ íŽë¹ ë¶ë¶ìŽ ì ë¡ë ëë©Ž íëšì ë§í¬ë¥Œ 걞ìŽëëë¡ íê² ìµëë€.
ì€ìí ê²ì ìë°ì€í¬ëŠœížë ê°ì²Ž êž°ë°ì ìžìŽìŽë©°, 구ì±íê³ ìë ê±°ì 몚ë ê²ìŽ ê°ì²Žì ëë€. ìì ëìš 6ê°ì§ì ë°ìŽí° íì ìŽìžì ê°ì 몚ë ê°ì²Ž íì ì ëë€.
6.9 ë°ìŽí° íì ì íìì±
ê·žë ë€ë©Ž ë°ìŽí° íì ì ì íìí ê²ìŒê¹ì? ë°ìŽí° íì ì íìì±ì ê°ëµíê² ì 늬íë©Ž ìëì ê°ìµëë€.
- ë°ìŽí° íì ì ìí ë©ëªšëŠ¬ ê³µê°ì í볎ì ì°žì¡°
- ë°ìŽí° íì ì ìí ê°ì íŽì
ì°ëŠ¬ê° fooëŒë íšì륌 ì ì¥í ë, ì«ì 1ì ì ì¥í ë íìí ë©ëªšëŠ¬ì í¬êž°ë ë€ë¥Œ ê²ì ëë€. ê·žëŠ¬ê³ ë©ëªšëŠ¬ìì ìœì ëìë ìì ì§ì ë¶í° ìŒë§ë ìœìŽììŒ í ì§ë 묎ìì ì ì¥íŽëìëì ë°ëŒ ë€ë¥Œ ê²ì ëë€. ìŽë¥Œ ê·ì íë ê²ìŽ ë°ìŽí° íì ì ëë€. ë°ìŽí° íì ì ì ì¥íê³ ì°žì¡°í ë ìŒë§íŒì ê³µê°ìŽ íìíì§ë¥Œ ëª ìí©ëë€. ëí, ë©ëªšëŠ¬ì ì ì¥ë 2ì§ì ê°ì ìŽë»ê² íŽìí ì§ì ëí ê²ë ë°ìŽí° íì ìŽ ê²°ì í©ëë€.
6.10 ëì íìŽí
ìë°ì€í¬ëŠœížì 몚ë ê°ì ë°ìŽí° ê°ì ê°ëë€ê³ íììµëë€. ê·žë ë€ë©Ž ë³ìë ìŽë»ê² ë°ìŽí° íì ì ê°ì§ê¹ì?
Cë Javaì ê°ì ì ì íì ìžìŽë ë³ì륌 ì ìží ë íì ì ì¬ì ì ì ìžíŽìŒ í©ëë€. ìŽê²ì ëª ìì íì ì ìžìŽëŒê³ í©ëë€.
ìŽë¬í í¹ì§ìŒë¡ ì ì íì ìžìŽë ë³ìì íì ì ë³ê²œí ì ììŒë©° ë€ë¥ž íì ì ê°ì í ë¹í ìë ììµëë€.
íì§ë§ ìë°ì€í¬ëŠœížë ëì íì ìžìŽë¡ ê°ì í ë¹íë ìì ìì ë³ìì íì ìŽ ê²°ì ë©ëë€. ê·žëì typeof ë©ìë륌 íµíì¬ ë³ìì íì ì ë°ííë ê²ì ë ì íí ë§íë©Ž íŽë¹ ë³ìì í ë¹ëìŽ ìë ê°ì íì ì ë°ííë ê²ì ëë€.
ë³ìë íì ì ê°ì§ê¹? ëŒë ì²ìì ì§ë¬žìŒë¡ ëììì ëëµíìë©Ž ë³ìë Ʞ볞ì ìŒë¡ íì ì ê°ì§ ììŒë©° ê°ìŽ íì ì ê°ìµëë€. ë°ëŒì ë³ìë í ë¹ëìŽ ìë ê°ì ìíì¬ íì ìŽ ëì ìŒë¡ ê²°ì ëë€ê³ íííë ê²ìŽ ë ì³ë€ê³ 볌 ì ììµëë€.
ìŽë¬í ëì íì ì ë³ìì ìŽë€ ë°ìŽí° ê°ìŽëŒë ìì ë¡ê² í ë¹í ì ìê³ ì¬ì ì íì ì ì§ì í íìê° ììŽ ížëŠ¬íë€ë ì¥ì ì ê°ì§ê³ ììµëë€. íì§ë§ 몚ë SW ìí€í ì²ìë ížë ìŽë ì€íê° ì¡Žì¬íë©° ëì íì ìžìŽì 겜ì°, ë§ ê·žëë¡ íì ìŽ ê³ ì ëìŽ ìì§ ìê³ ë³í ì ìë€ë 묞ì ê° ììŽ ë€ì ìì ì±ìŽ ëšìŽì§ëë€.
ìŽë¬í ìŽì ë묞ì JSìì ë³ì륌 ì¬ì©í ëì 죌ì ì¬íì ëª ê°ì§ ì ìíë©Ž ë€ì곌 ê°ìµëë€.
- ë³ìë êŒ íìí 겜ì°ìë§ ì¬ì©íë€.
- ë³ìì ì íš ë²ì(ì€ìœí)륌 ìµëí ì¢ê² ë§ë€ìŽì ë³ìì ë¶ìì©ì ìµì íë€.
- ì ì ë³ìë ìµëí ì¬ì©íì§ ìëë¡ íë€.
- ë³ì볎ë€ë ìì륌 ì¬ì©íì¬ ê°ì ë³ê²œì íŒíë€.
- ë³ì ìŽëŠìë 목ì ìŽë ì믞륌 íì í ì ìëë¡ íë€.
'Web > JavaScript' 칎í ê³ ëŠ¬ì ë€ë¥ž êž

ð 볞 í¬ì€ížë '몚ë ìë°ì€í¬ëŠœíž Deep Dive' ëì륌 ë°íìŒë¡ íµì¬ ê°ë ë° ëŽì©ì ììœí í¬ì€ížì ëë€.
06ì¥ ë°ìŽí° íì
ë°ìŽí° íì ì ê°ì ì¢ ë¥ë¥Œ ì믞í©ëë€. JSì 몚ë ê°ì ë°ìŽí° íì ì ê°ì§ê³ ììŒë©° JS(ES6)ë ìŽ 7ê°ì ë°ìŽí° íì ì ì ê³µí©ëë€. ë ìŽ 7ê°ì ë°ìŽí° íì ì í¬ê² ìì íì , ê°ì²Ž íì 2ê°ì§ë¡ ë¶ë¥í ì ììµëë€.
êµ¬ë¶ | ë°ìŽí° íì | ì€ëª |
ìì íì | ì«ì íì number | ì«ì, ì ìì ì€ì êµ¬ë¶ ììŽ íëì ì«ì íì numberë§ìŽ ì¡Žì¬ |
묞ììŽ íì string | 묞ììŽ | |
ë¶ëŠ¬ìž íì boolean | ë ŒëŠ¬ì 찞곌 ê±°ì§(true, false) | |
undefined íì | var í€ìëë¡ ì ìžë ê°ì ì묵ì ìŒë¡ í ë¹ëë ê° | |
null íì | ê°ìŽ ìë€ë ê²ì ìëì ìŒë¡ ëª ìí ë ì¬ì©íë ê° | |
symbol íì | ES6ìì ì¶ê°ë 7ë²ì§ž íì | |
ê°ì²Ž íì | ê°ì²Ž, íšì, ë°°ìŽ ë± |
JS륌 ë¹ë¡¯í 몚ë íë¡ê·žëë° ìžìŽìì ë°ìŽí° íì ì ì€ìí©ëë€. ì륌 ë€ìŽ ì«ì íì ì 1곌 묞ììŽ íì ì '1'ì ë¹ì·íŽ 볎ìŽì§ë§ ì í ë€ë¥ž ê°ì ëë€. ëì ìì±í 목ì 곌 ì©ëê° ë€ëŠ ëë€. 1곌 ê°ì 겜ì°ìë ì£Œë¡ ì°ì ì°ì°ì ìíì¬ ìì±íì§ë§ '1'ì 겜ì°ìë ì£Œë¡ í ì€ížë¥Œ íë©Žì ì¶ë ¥íêž° ìíì¬ ìì±í©ëë€. ë ëìê° ìŽ ëì ì ì¥ì ìíì¬ í볎íŽìŒí ë©ëªšëŠ¬ ê³µê°ì í¬êž°ë ë€ë¥Žë©° ì ì¥ëë 2ì§ì ê°, íŽìíë ë°©ì 몚ë ë€ëŠ ëë€.
6.1 ì«ì(number) íì
Cë Java륌 ë¹ë¡¯í ë§ì íë¡ê·žëë° ìžìŽììë ì ì, ì€ì륌 구ë¶íì¬ int, long, float, double ë±ì ë€ìí ì«ì íì ì ê°ì§ê³ ìë ë°ë©Ž JSììë íëì ì«ì íì number ë§ì ê°ì§ê³ ììµëë€.
JSììì ì«ì íì ì ë°°ì ë°ë(64ë¹íž) ë¶ëììì íìì 2ì§ìë¡ ì ì¥ë©ëë€. ìŠ, 몚ë ì륌 ì€ìë¡ ì²ëŠ¬íë©° ì ìë§ íííêž° ìí ë°ìŽí° íì ìŽ ë³ëë¡ ì¡Žì¬íì§ ììµëë€.
ë¶ëììì ì ëí ìŽíŽê° íìí ê²œì° ìë í¬ì€í ì ì°žê³ íë©Ž ì¢ì ê±° ê°ìµëë€.
https://devocean.sk.com/blog/techBoardDetail.do?ID=165270
var binary = 0b01000001; // 2ì§ì
var octal = 0o101; // 8ì§ì
var hex = 0x41; // 16ì§ì
console.log(binary); // 65
console.log(octal); // 65
console.log(hex); // 65
console.log(binary === octal); // true
console.log(octal === hex); // true
JSììë ëš íëì ì«ì íì ë§ìŽ ì¡Žì¬íêž° ë묞ì ì ì, ì€ì, 2ì§ì, 8ì§ì ë±ë±..ì ê°êž° ë€ë¥ž ì«ì 늬í°ëŽì ì ì¥í ë€ ë€ì ì°žì¡°íë©Ž 몚ë 10ì§ìë¡ íŽìë©ëë€(ì ì, ì€ì, 2ì§ì, 8ì§ì ë±ì ííí ë°ìŽí° íì ìŽ ìêž° ë묞).
ì«ì íì ì ì¶ê°ì ìŒë¡ ìž ê°ì§ì í¹ë³í ê°ë ííí ì ììµëë€.
- Infinity : ìì 묎íë
- -Infinity : ìì 묎íë
- NaN : ì°ì ì°ì° ë¶ê°(not-a-number)
JSììë ëì묞ì륌 구ë³íêž° ë묞ì ì ê°ì ííí ë, ì못 íêž°íì¬ ìë³ìë¡ íŽìëì§ ìëë¡ ì£ŒìíŽìŒ í©ëë€.
6.2 묞ììŽ íì
묞ììŽ íì ì í ì€íž ë°ìŽí°ë¥Œ ëíëŽêž° ìíì¬ ì¬ì©í©ëë€.
묞ììŽì ìì ë°ìŽí(''), í° ë°ìŽí(""), ë°±í±(``)ìŒë¡ í ì€ížë¥Œ ê°ìëë€. JSìì ê°ì¥ ìŒë°ì ìž íêž°ë²ì ììë°ìŽí륌 ì¬ì©íë ê²ìŽëŒê³ í©ëë€.
- ìì ë°ìŽíë¡ ê°ìŒ 묞ììŽ ëŽë¶ì í° ë°ìŽíë 묞ììŽë¡ ìžìë©ëë€.
- í° ë°ìŽíë¡ ê°ìŒ 묞ììŽ ëŽë¶ì ìì ë°ìŽíë 묞ììŽë¡ ìžìë©ëë€.
ë€ë¥ž íì ì ê°ê³Œ ë¬ëŠ¬ 묞ììŽì ë°ìŽíë¡ ê°ìžë ìŽì ë í€ìëë ìë³ì ê°ì í í°ê³Œ 구ë¶íêž° ìíŽì ì ëë€. ë°ìŽíë ë°±í±ìŒë¡ ê°ìžì§ ìë ê²œì° JS ìì§ì ìŽë¥Œ í€ìëë ìë³ì ê°ì í í°ìŒë¡ ìžìíê² ëë 죌ìíŽìŒ í©ëë€.
Cë 묞ììŽ íì ëì 묞ìì ë°°ìŽë¡ 묞ììŽì íííë©° Javaë 묞ììŽì ê°ì²Žë¡ ííí©ëë€. íì§ë§ JSììì 묞ììŽì ìì íì ìŽë©° ë³ê²œ ë¶ê°ë¥í ê°ì ëë€.
ìŽë 묞ììŽì ìì±ê³Œ ëìì ë³ê²œí ì ììì ì믞í©ëë€.
6.3 í í늿 늬í°ëŽ
ES6ë¶í° í í늿 늬í°ëŽìŽëŒê³ íë ìë¡ìŽ 묞ììŽ íêž°ë²ìŽ ëì ëììµëë€. í í늿 늬í°ëŽì ë©í°ëŒìž 묞ììŽ, ííì ìœì , íê·žë í í늿 ë±ì ížëŠ¬í 묞ììŽ ì²ëŠ¬ êž°ë¥ì ì ê³µí©ëë€. í í늿 늬í°ëŽì ìŒë° 묞ììŽë¡ ë³íëìŽ ì²ëŠ¬ë©ëë€.
í í늿 늬í°ëŽì ë°ìŽíê° ìë ë°±í±(``)ì ì¬ì©íì¬ ííí©ëë€.
6.3.1 ë©í°ëŒìž 묞ììŽ
ìŒë° 묞ììŽ ëŽììë ì€ë°ê¿(ê°í) íì©ëì§ ììµëë€. ë°ëŒì ìŒë° 묞ììŽ ëŽìì ì€ë°ê¿ ë±ì 공백ì íííêž° ìíŽìë ìŽì€ìŒìŽí ìíì€ë¥Œ ì¬ì©íŽìŒ í©ëë€(ìŽ ê²œì°ìë \nì ì¬ì©íê² ë ê²ì ëë€).
ë§ìŒ ìŒë° 묞ììŽì íµíì¬ ì€ë°ê¿ê³Œ ë€ì¬ì°êž°ê° ì ì©ë HTML 묞ììŽì íííê³ ì íë€ë©Ž ìëì ê°ì ê²ì ëë€.
var template = '<ul>\n\t<li><a href="#">Home</a></li>\n</ul>';
console.log(template);
íì§ë§ í í늿 늬í°ëŽì íµíŽìë ìŽì€ìŒìŽí ìíì€ë¥Œ ì¬ì©íì§ ììë ì€ë°ê¿ìŽ íì©ëë©° 몚ë 공백ë ê·žëë¡ ì ì©ë©ëë€. ë°ëŒì ìë ìœëì ì ìœëë ëìŒí 결곌ê°ì ê°ì§ëë€.
var template = `<ul>
<li><a href="#">Home</a></li>
</ul>`
console.log(template);
6.3.2 ííì ìœì
묞ììŽì 묞ììŽ ì°ì°ì +륌 ì¬ì©íì¬ ì°ê²°í ì ììµëë€. + ì°ì°ìë íŒì°ì°ì ì€ íë ìŽììŽ ë¬žììŽìž ê²œì° ë¬žììŽ ì°ê²° ì°ì°ìë ëìí©ëë€(ìŽìžìë ë§ì ì°ì°ìë¡ ëì).
íì§ë§ ìŽ ê²œì° í í늿 늬í°ëŽ ëŽìì ííì ìœì ì íµíì¬ ëì± ê°ëší 묞ììŽì ìœì í ì ììµëë€. ìŽë¥Œ íµíì¬ ë¬žììŽ ì°ì°ì륌 ìŽì©íë ê²ë³Žë€ ê°ë ì± ëê³ ê°ížíê² ë¬žììŽì ì¡°ìí ì ììµëë€.
var first = 'Jiwon';
var last = 'Choi';
// 묞ììŽ ì°ì°ì +륌 ì¬ì©í 겜ì°
console.log('ì ìŽëŠì ' + first + ' ' + last + 'ì
ëë€.'); // ì ìŽëŠì Jiwon Choiì
ëë€.
// í
í늿 늬í°ëŽì ííì ìœì
ì ìŽì©í 겜ì°
console.log(`ì ìŽëŠì ${first} ${last}ì
ëë€.`); // ì ìŽëŠì Jiwon Choiì
ëë€.
ííì ìœì ì ê²œì° í í늿 늬í°ëŽ ëŽììë§ ëìíêž° ë묞ì ìŒë° 묞ììŽìì ì¬ì©í ì ììì ì ìíŽìŒ í©ëë€(ìŽ ê²œì°ìë ííì ìœì ì ë 묞ììŽë¡ ì·šêž).
6.4 ë¶ëŠ¬ìž íì
ë ŒëŠ¬ì ì°ž, ê±°ì§ì íëëŽë íì ìŒë¡ trueì falseë§ ì¡Žì¬í©ëë€.
ë¶ëŠ¬ìž íì ì 조걎ì ìíì¬ íë¡ê·žëšì íëŠì ì ìŽíë 조걎묞ìì ì죌 ì¬ì©ë©ëë€.
6.5 undefined íì
undefined íì ì ê°ì undefinedê° ì ìŒí©ëë€.
var í€ìëë¡ ì ìží ë³ìë ì묵ì ìŒë¡ undefinedë¡ ìŽêž°íë©ëë€. ìŠ ë³ì ì ìž ìŽí ê°ì í ë¹íì§ ìì ë³ì륌 ì°žì¡°í ë undefinedê° ë°íë©ëë€.
ìŽì²ëŒ undefinedë ê°ë°ìê° ìëì ìŒë¡ í ë¹íêž° ìí ê°ìŽ ìë JS ìì§ìŽ ë³ì륌 ìŽêž°íí ë ì¬ì©íë ê°ì ëë€. ë°ëŒì ë§ìŒ ê°ë°ìê° ìëì ìŒë¡ undefinedëŒë ê°ì ë³ìì í ë¹íë ê²ì ì못ë íìëŒê³ 볌 ì ìì£ .
ê·žë ë€ë©Ž ë³ìì ê°ìŽ ììì ëª ìì ìŒë¡ ëíëŽêž° ìíŽìë 묎ìì ì¬ì©íŽìŒ í ê¹ì? ìŽë¬í ì구륌 충족íêž° ìíì¬ undefined ë¿ë§ ìë nullìŽëŒë íì ë ì¡Žì¬í©ëë€.
6.6 null íì
null íì ì ê°ë nullìŽ ì ìŒí©ëë€. ëí JSììë ëì묞ì륌 구ë³íêž° ë묞ì null ìŽìž Null, NULL ë±ì ê°ì ìë³ìë¡ ìžìëë¯ë¡ ì¡°ì¬íŽìŒ í©ëë€.
íë¡ê·žëë° ìžìŽìì nullì ë³ìì ê°ìŽ ììì ìëì ìŒë¡ ëª ìí ë, ìëì ë¶ì¬ë¥Œ ëíëŒ ë ì¬ì©í©ëë€. ë³ìì nullì í ë¹íë ê²ì ë³ìê° ìŽì ì ì°žì¡°íë ê°ì ë ìŽì ì°žì¡°íì§ ìê² ë€ë ê²ì ì믞í©ëë€.
ëí, íšìê° ì íší ê°ì ë°íí ì ìë 겜ì°ìë nullì ë°ííêž°ë í©ëë€. ìŽë¥Œ í ë©Ž document.querySelector ë©ìë륌 ì¬ì©íì ë 조걎ì ë¶í©íë HTML ììê° ìë 겜ì°ìë nullìŽ ë°íë©ëë€.
6.7 ì¬ë² íì
ì¬ë²ì ES6ìì ì¶ê°ë 7ë²ìš° íì ìŒë¡ ë³ê²œ ë¶ê°ë¥í ìì íì ì ëë€. ì¬ë²ì ë€ë¥ž ê°ê³Œ ì€ë³µëì§ ìë ì ìŒë¬ŽìŽí ê°ìŒë¡, ì£Œë¡ ìŽëŠ 충ë ìíìŽ ìë ê°ì²Žì ì ìŒí íë¡íŒí° í€ë¥Œ ë§ë€êž° ìíì¬ ì¬ì©í©ëë€.
ì¬ë² ìŽìžì ìì ê°ì 늬í°ëŽì íµíì¬ ìì±íì§ë§ ì¬ë²ì Symbol íšì륌 ížì¶íì¬ ìì±íë€ë í¹ì§ìŽ ììµëë€. ìŽë ìì±ë ì¬ë² ê°ì ìžë¶ì ë žì¶ëì§ ììŒë©° ë€ë¥ž ê°ê³Œ ì€ë³µëì§ ììµëë€(ì ìŒë¬ŽìŽ).
6.8 ê°ì²Ž íì
JSì íì (ë°ìŽí° íì )ì í¬ê² ìì íì 곌 ê°ì²Ž íì ìŒë¡ ë¶ë¥ë©ëë€. ìŽë ìì íì 곌 ê°ì²Ž íì ì ë¿ëŠ¬ë¶í° ë€ëŠì ì믞í©ëë€. ìì§ ê°ì²Žì ëíì¬ ë€ë¥ž í¬ì€í ìŽ ììŒë¯ë¡ íŽë¹ ë¶ë¶ìŽ ì ë¡ë ëë©Ž íëšì ë§í¬ë¥Œ 걞ìŽëëë¡ íê² ìµëë€.
ì€ìí ê²ì ìë°ì€í¬ëŠœížë ê°ì²Ž êž°ë°ì ìžìŽìŽë©°, 구ì±íê³ ìë ê±°ì 몚ë ê²ìŽ ê°ì²Žì ëë€. ìì ëìš 6ê°ì§ì ë°ìŽí° íì ìŽìžì ê°ì 몚ë ê°ì²Ž íì ì ëë€.
6.9 ë°ìŽí° íì ì íìì±
ê·žë ë€ë©Ž ë°ìŽí° íì ì ì íìí ê²ìŒê¹ì? ë°ìŽí° íì ì íìì±ì ê°ëµíê² ì 늬íë©Ž ìëì ê°ìµëë€.
- ë°ìŽí° íì ì ìí ë©ëªšëŠ¬ ê³µê°ì í볎ì ì°žì¡°
- ë°ìŽí° íì ì ìí ê°ì íŽì
ì°ëŠ¬ê° fooëŒë íšì륌 ì ì¥í ë, ì«ì 1ì ì ì¥í ë íìí ë©ëªšëŠ¬ì í¬êž°ë ë€ë¥Œ ê²ì ëë€. ê·žëŠ¬ê³ ë©ëªšëŠ¬ìì ìœì ëìë ìì ì§ì ë¶í° ìŒë§ë ìœìŽììŒ í ì§ë 묎ìì ì ì¥íŽëìëì ë°ëŒ ë€ë¥Œ ê²ì ëë€. ìŽë¥Œ ê·ì íë ê²ìŽ ë°ìŽí° íì ì ëë€. ë°ìŽí° íì ì ì ì¥íê³ ì°žì¡°í ë ìŒë§íŒì ê³µê°ìŽ íìíì§ë¥Œ ëª ìí©ëë€. ëí, ë©ëªšëŠ¬ì ì ì¥ë 2ì§ì ê°ì ìŽë»ê² íŽìí ì§ì ëí ê²ë ë°ìŽí° íì ìŽ ê²°ì í©ëë€.
6.10 ëì íìŽí
ìë°ì€í¬ëŠœížì 몚ë ê°ì ë°ìŽí° ê°ì ê°ëë€ê³ íììµëë€. ê·žë ë€ë©Ž ë³ìë ìŽë»ê² ë°ìŽí° íì ì ê°ì§ê¹ì?
Cë Javaì ê°ì ì ì íì ìžìŽë ë³ì륌 ì ìží ë íì ì ì¬ì ì ì ìžíŽìŒ í©ëë€. ìŽê²ì ëª ìì íì ì ìžìŽëŒê³ í©ëë€.
ìŽë¬í í¹ì§ìŒë¡ ì ì íì ìžìŽë ë³ìì íì ì ë³ê²œí ì ììŒë©° ë€ë¥ž íì ì ê°ì í ë¹í ìë ììµëë€.
íì§ë§ ìë°ì€í¬ëŠœížë ëì íì ìžìŽë¡ ê°ì í ë¹íë ìì ìì ë³ìì íì ìŽ ê²°ì ë©ëë€. ê·žëì typeof ë©ìë륌 íµíì¬ ë³ìì íì ì ë°ííë ê²ì ë ì íí ë§íë©Ž íŽë¹ ë³ìì í ë¹ëìŽ ìë ê°ì íì ì ë°ííë ê²ì ëë€.
ë³ìë íì ì ê°ì§ê¹? ëŒë ì²ìì ì§ë¬žìŒë¡ ëììì ëëµíìë©Ž ë³ìë Ʞ볞ì ìŒë¡ íì ì ê°ì§ ììŒë©° ê°ìŽ íì ì ê°ìµëë€. ë°ëŒì ë³ìë í ë¹ëìŽ ìë ê°ì ìíì¬ íì ìŽ ëì ìŒë¡ ê²°ì ëë€ê³ íííë ê²ìŽ ë ì³ë€ê³ 볌 ì ììµëë€.
ìŽë¬í ëì íì ì ë³ìì ìŽë€ ë°ìŽí° ê°ìŽëŒë ìì ë¡ê² í ë¹í ì ìê³ ì¬ì ì íì ì ì§ì í íìê° ììŽ ížëŠ¬íë€ë ì¥ì ì ê°ì§ê³ ììµëë€. íì§ë§ 몚ë SW ìí€í ì²ìë ížë ìŽë ì€íê° ì¡Žì¬íë©° ëì íì ìžìŽì 겜ì°, ë§ ê·žëë¡ íì ìŽ ê³ ì ëìŽ ìì§ ìê³ ë³í ì ìë€ë 묞ì ê° ììŽ ë€ì ìì ì±ìŽ ëšìŽì§ëë€.
ìŽë¬í ìŽì ë묞ì JSìì ë³ì륌 ì¬ì©í ëì 죌ì ì¬íì ëª ê°ì§ ì ìíë©Ž ë€ì곌 ê°ìµëë€.
- ë³ìë êŒ íìí 겜ì°ìë§ ì¬ì©íë€.
- ë³ìì ì íš ë²ì(ì€ìœí)륌 ìµëí ì¢ê² ë§ë€ìŽì ë³ìì ë¶ìì©ì ìµì íë€.
- ì ì ë³ìë ìµëí ì¬ì©íì§ ìëë¡ íë€.
- ë³ì볎ë€ë ìì륌 ì¬ì©íì¬ ê°ì ë³ê²œì íŒíë€.
- ë³ì ìŽëŠìë 목ì ìŽë ì믞륌 íì í ì ìëë¡ íë€.