๐ŸŸฉ Frontend-HTML & CSS & +JS/๐Ÿ”ฐJavaScript ๊ธฐ์ดˆ 5

5. ๋ฐฐ์—ด ๊ฐ์ฒด์˜ ๋ฉ”์†Œ๋“œ (push,pop,shift๋“ฑ)

๐Ÿ“Œ ๋ฐฐ์—ด ๊ฐ์ฒด์˜ ๋ฉ”์†Œ๋“œ- push(): ๋ฐฐ์—ด์˜ ์š”์†Œ๋ฅผ ์ถ”๊ฐ€ - pop(): ๋ฐฐ์—ด์˜ ๋งˆ์ง€๋ง‰ ์ฃผ์†Œ์— ์žˆ๋Š” ๊ฐ’์„ ์ œ๊ฑฐ  - shift(): ๋ฐฐ์—ด์˜ ์ฒซ๋ฒˆ์งธ ์ฃผ์†Œ์— ์žˆ๋Š” ๊ฐ’์„ ์ œ๊ฑฐ  - concat() : ๋‘ ๊ฐœ์˜ ๋ฐฐ์—ด์„ ํ•ฉ์นจ - join() : ๋ฐฐ์—ด ์š”์†Œ ์‚ฌ์ด์— ์›ํ•˜๋Š” ๋ฌธ์ž๋ฅผ ์‚ฝ์ž…  - reverse() : ๋ฐฐ์—ด์„ ์—ญ์ˆœ์œผ๋กœ ์žฌ๋ฐฐ์น˜ - sort() : ๋ฐฐ์—ด์„ ์˜ค๋ฆ„์ฐจ์ˆœ์œผ๋กœ ์ •๋ ฌ  | ์˜ˆ์‹œ์ฝ”๋“œ  | ๊ฒฐ๊ณผ

4. ์—ฐ์‚ฐ์ž (์‚ฐ์ˆ ,๋น„๊ต,๋Œ€์ž…,์ฆ๊ฐ,๋…ผ๋ฆฌ,๋น„ํŠธ,์‚ผํ•ญ ์—ฐ์‚ฐ์ž)

๐Ÿ“Œ ์—ฐ์‚ฐ์ž1. ์‚ฐ์ˆ  ์—ฐ์‚ฐ์ž์‚ฐ์ˆ  ์—ฐ์‚ฐ์ž: ์‚ฌ์น™์—ฐ์‚ฐ ๋ฐ ๊ธฐ๋ณธ์ ์ธ ์—ฐ์‚ฐ์„ ์ˆ˜ํ–‰ํ•˜๋Š” ์—ฐ์‚ฐ์ž.์˜ˆ์‹œ: +, -, *, /, %2. ๋น„๊ต ์—ฐ์‚ฐ์ž๋น„๊ต ์—ฐ์‚ฐ์ž: ๋‘ ํ”ผ์—ฐ์‚ฐ์ž์˜ ์ƒ๋Œ€์ ์ธ ํฌ๊ธฐ๋ฅผ ๋น„๊ตํ•˜์—ฌ ์ฐธ ๋˜๋Š” ๊ฑฐ์ง“์„ ๋ฐ˜ํ™˜.์˜ˆ์‹œ: ==, ===, !=, >, =, 3. ๋Œ€์ž… ์—ฐ์‚ฐ์ž๋Œ€์ž… ์—ฐ์‚ฐ์ž: ๋ณ€์ˆ˜๋‚˜ ์ƒ์ˆ˜์— ๊ฐ’์„ ํ• ๋‹นํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ์—ฐ์‚ฐ์ž.= : ์šฐ์ธก ๊ฐ’์„ ์ขŒ์ธก ๋ณ€์ˆ˜๋‚˜ ์ƒ์ˆ˜์— ๋Œ€์ž….+=, -=, *=, /=, %=, **=: ์šฐ์ธก ๊ฐ’์„ ์ขŒ์ธก ๊ฐ’๊ณผ ์—ฐ์‚ฐํ•œ ํ›„, ๋‹ค์‹œ ์ขŒ์ธก ๋ณ€์ˆ˜์— ๋Œ€์ž….4. ์ฆ๊ฐ ์—ฐ์‚ฐ์ž์ฆ๊ฐ ์—ฐ์‚ฐ์ž: ๋ณ€์ˆ˜์˜ ๊ฐ’์„ 1์”ฉ ์ฆ๊ฐ€ ๋˜๋Š” ๊ฐ์†Œ์‹œํ‚ฌ ๋•Œ ์‚ฌ์šฉ.++๋ณ€์ˆ˜ : ๋ณ€์ˆ˜๋ฅผ ๋จผ์ € 1 ์ฆ๊ฐ€์‹œํ‚ค๊ณ  ๋‚˜์„œ ์—ฐ์‚ฐ์„ ์ˆ˜ํ–‰.๋ณ€์ˆ˜++ : ์—ฐ์‚ฐ์„ ๋จผ์ € ์ˆ˜ํ–‰ํ•œ ํ›„์— ๋ณ€์ˆ˜๋ฅผ 1 ์ฆ๊ฐ€์‹œํ‚ด.--๋ณ€์ˆ˜ : ๋ณ€์ˆ˜๋ฅผ ๋จผ์ € 1 ๊ฐ์†Œ์‹œํ‚ค๊ณ  ๋‚˜์„œ ์—ฐ์‚ฐ์„..

3. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋Œ€ํ™”์ƒ์ž (alert, confirm, prompt)

alert () ๋˜๋Š” window.alert() : ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ฉ”์‹œ์ง€๋ฅผ ๋ณด์—ฌ์ฃผ๊ณ , ํ™•์ธ์„ ๊ธฐ๋‹ค๋ฆผalert("์•ˆ๋…•ํ•˜์„ธ์š”!"); // ๋ฉ”์‹œ์ง€๋ฅผ ๋ณด์—ฌ์ฃผ๊ณ  ํ™•์ธ ๋ฒ„ํŠผ์„ ๊ธฐ๋‹ค๋ฆผconfirm() ๋˜๋Š” window.confirm() : ๋ฉ”์„ธ์ง€๋ฅผ ๋ณด์—ฌ์ฃผ๊ณ  ํ™•์ธ/์ทจ์†Œ๋ฅผ ๋ˆ„๋ฅด๋ฉด ๋ถˆ๋ฆฌ์–ธ๊ฐ’์œผ๋กœ ๊ฒฐ๊ณผ๋ณด์ž„let result = confirm("๊ณ„์†ํ•˜์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?"); // ํ™•์ธ์„ ๋ˆ„๋ฅด๋ฉด true, ์ทจ์†Œ๋ฅผ ๋ˆ„๋ฅด๋ฉด false ๋ฐ˜ํ™˜prompt() ๋˜๋Š” window.prompt() : ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ฉ”์„ธ์ง€๋ฅผ ๋ณด์—ฌ์ฃผ๊ณ  ์ž…๋ ฅํ•œ ๋ฌธ์ž์—ด์„ ๋ฆฌํ„ดlet name = prompt("์ด๋ฆ„์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”:"); // ๋ฉ”์‹œ์ง€๋ฅผ ๋ณด์—ฌ์ฃผ๊ณ  ์ž…๋ ฅํ•œ ๋ฌธ์ž์—ด์„ ๋ฐ˜ํ™˜ ์ด๋ ‡๊ฒŒ ๋ฐ˜ํ™˜ํ•œ t/f ๊ฐ’์œผ๋กœ ๋‹ค์Œ js๋ฅผ ์ž‘์„ฑํ•ด์„œ ์—ฐ๊ณ„ ํ•  ์ˆ˜ ์žˆ์Œ! ๐Ÿ‘๐Ÿ‘๐Ÿ‘

2. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ํƒ€์ž…๋ณ€ํ™˜ (์•”์‹œ์  ํƒ€์ž…๋ณ€ํ™˜, ๋ช…์‹œ์  ํƒ€์ž…๋ณ€ํ™˜)

๐Ÿ“Œ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ํƒ€์ž…๋ณ€ํ™˜์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋ณ€์ˆ˜๋Š” ํƒ€์ž…์ด ๊ณ ์ •๋˜์–ด ์žˆ์ง€ ์•Š์Œ. ๊ฐ™์€ ๋ณ€์ˆ˜์— ๋‹ค๋ฅธ ํƒ€์ž… ๊ฐ’์„ ๋Œ€์ž…ํ•  ์ˆ˜ ์žˆ์Œ.let a = 10; // ์ˆซ์žํ˜•a = "์•ˆ๋…•"; // ๋ฌธ์ž์—ดํ˜•  1. ์•”์‹œ์  ํƒ€์ž… ๋ณ€ํ™˜์•”์‹œ์  ํƒ€์ž… ๋ณ€ํ™˜: ํƒ€์ž…์˜ ๊ฐ’์„ ๊ธฐ๋Œ€ํ•˜๋Š” ๊ณณ์— ๋‹ค๋ฅธ ํƒ€์ž…์˜ ๊ฐ’์ด ์˜ค๋ฉด, ์ž๋™์œผ๋กœ ํƒ€์ž…์„ ๋ณ€ํ™˜ํ•ด์„œ ์‚ฌ์šฉํ•จ.NaN์€ '์ •์˜๋˜์ง€ ์•Š์€ ๊ฐ’'์ด๋‚˜ '๋‚˜ํƒ€๋‚ผ ์ˆ˜ ์—†๋Š” ๊ฐ’'์„ ์˜๋ฏธํ•จ.์˜ˆ์‹œ: 0์„ 0์œผ๋กœ ๋‚˜๋ˆ„๊ฑฐ๋‚˜, ์ˆซ์ž๋กœ ๋ณ€ํ™˜ํ•  ์ˆ˜ ์—†๋Š” ์—ฐ์‚ฐ์„ ์‹œ๋„ํ•œ ๊ฒฝ์šฐ NaN ๋ฐ˜ํ™˜.NaN (Not a Number)2. ๋ช…์‹œ์  ํƒ€์ž… ๋ณ€ํ™˜์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์ž๋™์œผ๋กœ ํƒ€์ž… ๋ณ€ํ™˜์„ ์ˆ˜ํ–‰ํ•˜์ง€๋งŒ, ๋ช…์‹œ์ ์œผ๋กœ ํƒ€์ž…์„ ๋ณ€ํ™˜ํ•ด์•ผ ํ•  ๋•Œ๋„ ์žˆ์Œ.์ด๋ฅผ ์œ„ํ•ด ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ํ•จ์ˆ˜๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Œ:[๋ช…์‹œ์  ํƒ€์ž… ๋ณ€ํ™˜์˜ ์ข…๋ฅ˜] Number() : ๋ฌธ์ž๋ฅผ ์ˆซ์ž..

1. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ์ดˆ (์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ ํŠน์ง•, use strict)

๐Ÿ“Œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ํŠน์ง• ์›น์˜ ๋™์  ๋™์ž‘์„ ๊ตฌํ˜„ํ•˜๊ธฐ ์œ„ํ•œ ์–ธ์–ด์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‹คํ–‰๋˜๋ฉฐ, ์„œ๋ฒ„ ํ™˜๊ฒฝ์—์„œ๋Š” Node.js๋กœ ๋™์ž‘ ๊ฐ€๋ŠฅHTML ๋ฌธ์„œ ๋‚ด์—์„œ ํƒœ๊ทธ ์•ˆ์— ์ž‘์„ฑ๋Œ€์†Œ๋ฌธ์ž๋ฅผ ๊ตฌ๋ณ„ํ•จ (let๊ณผ Let์€ ๋‹ค๋ฅธ ๋ณ€์ˆ˜๋กœ ์ธ์‹)๊ฐ์ฒด ๊ธฐ๋ฐ˜์˜ ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด๋กœ, ๋‹ค์–‘ํ•œ ๊ฐ์ฒด๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๋™์ž‘์„ ๊ตฌํ˜„์›น ๋ธŒ๋ผ์šฐ์ € ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์ด ๋‚ด์žฅ๋˜์–ด ์žˆ์–ด ๋ณ„๋„์˜ ์„ค์ • ์—†์ด ์‚ฌ์šฉ ๊ฐ€๋Šฅ ๐Ÿ“Œ use strict (js ์ž‘์„ฑ์‹œ ์ตœ์ƒ๋‹จ์— ์ž‘์„ฑ) ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ strict mode๋ฅผ ์‚ฌ์šฉํ•˜๊ฒ ๋‹ค๋Š” ์„ ์–ธ์—„๊ฒฉํ•œ ๋ฌธ๋ฒ•์„ ์ ์šฉํ•˜์—ฌ, ์‹ค์ˆ˜๋ฅผ ์ค„์ด๊ณ  ์ฝ”๋“œ ํ’ˆ์งˆ์„ ๋†’์ด๋Š” ์—ญํ• ์˜ˆ: ๋ณ€์ˆ˜ ์„ ์–ธ ์—†์ด ์‚ฌ์šฉ ๋ถˆ๊ฐ€, ๋Œ€์†Œ๋ฌธ์ž ๋ช…ํ™•ํ•˜๊ฒŒ ๊ตฌ๋ถ„์ƒ๋‹จ์— "use strict";๋ฅผ ์ถ”๊ฐ€ํ•˜์—ฌ ํ™œ์„ฑํ™” ๊ฐ€๋Šฅuse strict ์—†์ด๋„ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์ง€๋งŒ, ์ด๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ..