๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๋ฐฑ์—”๋“œ51

3๏ธโƒฃ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋ณ€์ˆ˜ var , let , const + ( foreach์™€ ์ƒ์„ฑ์ž ์‚ฌ์šฉ๋ฒ• ) 1. var -> ๋ณ€์ˆ˜ '์žฌ์„ ์–ธ' ๊ฐ€๋Šฅ Integer, Double, String, Object // class์— ๋Œ€ํ•œ ๋ณ€์ˆ˜๋“ค์„ ๋ชจ๋‘ ๋‹ด์„์ˆ˜ ์žˆ๋‹ค. ๋ณ€์ˆ˜ ์„ ์–ธ์„ ์—ฌ๋Ÿฌ๋ฒˆํ•ด๋„ ์˜ค๋ฅ˜๊ฐ€ ์•ˆ๋œฌ๋‹ค๋Š” ๋‹จ์ ์ด์žˆ์ง€๋งŒ. ๋‚˜์ค‘์— ์น˜๋ช…์ ์ธ ์˜ค๋ฅ˜๊ฐ€ ์ƒ๊ธธ์ˆ˜ ์žˆ์–ด ๋ณ€์ˆ˜ ์žฌ์„ ์–ธ์ด ํ•„์š”ํ•œ ๊ฒฝ์šฐ๊ฐ€ ์•„๋‹ˆ๋ผ๋ฉด let์„ ํ™œ์šฉํ•œ๋‹ค. var A = '๋ณ€์ˆ˜ ์„ ์–ธ'; var A = '๋ณ€์ˆ˜ ์„ ์–ธ ๋˜ํ• ๊ฒŒ; ๊ฐ€๋Šฅํ•จ (O) 2. let -> ๋ณ€์ˆ˜ '์žฌ์„ ์–ธ' ๋ถˆ๊ฐ€๋Šฅ , ํ•˜์ง€๋งŒ '์žฌํ• ๋‹น'์€ ๊ฐ€๋Šฅ let A = '๋ณ€์ˆ˜ ์„ ์–ธ'; let A = '๋ณ€์ˆ˜ ์„ ์–ธ ๋˜ํ• ๊ฒŒ; ๋ถˆ๊ฐ€๋Šฅํ•จ (X) ๋Œ€์‹  let A = '๋ณ€์ˆ˜์„ ์–ธ'; A= '๋ณ€์ˆ˜๋ฅผ ์žฌํ• ๋‹นํ• ๊ฒŒ'; ์žฌํ• ๋‹น์€ ๊ฐ€๋Šฅ (O) 3. const - > ๋ณ€์ˆ˜ '์žฌ์„ ์–ธ'๊ณผ '์žฌํ• ๋‹น' ๋ชจ๋‘ ๋ถˆ๊ฐ€๋Šฅ let A = '๋ณ€์ˆ˜ ์„ ์–ธ'; let.. 2021. 3. 2.
2๏ธโƒฃ ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ Inline , Internal , external ๋ฐฉ์‹ p ํƒœ๊ทธ์ž…๋‹ˆ๋‹ค ์—ฌ๊ธฐ๊ฐ€ pํƒœ๊ทธ์ž…๋‹ˆ๋‹ค js ํŒŒ์ผ (myScript.js) -> /** * */ function func() { alert('External function ํ˜ธ์ถœ'); document.getElementById('myP').innerHTML='hello'; } 2021. 3. 2.
1๏ธโƒฃ ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ ์ž…๋ฌธ javascrip ๋Š” ์ž๋ฐ”์™€ ๊ฐ™์ง€ ์•Š๋‹ค. javascript : Nodejs, Vue, react, angler Client ์ชฝ ์–ธ์–ด, front end ์ชฝ ์–ธ์–ด ๋ชฉ์  : ์›น ๋ธŒ๋ผ์šฐ์ €์˜ tag๋ฅผ ์ ‘๊ทผํ•˜๊ธฐ ์œ„ํ•œ ์Šคํฌ๋ฆฝํŠธ์ด๋‹ค. ๋ณด์กฐ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด. ์ปดํŒŒ์ผ์„ ํ•˜์ง€ ์•Š๋Š”๋‹ค. ํ•ด์„๋งŒํ•œ๋‹ค. -> ์ฒ˜๋ฆฌ๊ฐ€ ๊ฐ€๋ณ๋‹ค, ์†๋„๊ฐ€ ๋น ๋ฅด๋‹ค Java Script ๊ฐ„๋žตํ™”, ๊ฒฝ๋Ÿ‰ํ™” -> JQuery ์˜ˆ) ํšŒ์›๊ฐ€์ž… -> ๋นˆ์นธ์ด ์žˆ๋Š”์ง€ ์กฐ์‚ฌ, ID์˜ ๊ธ€์ž์ˆ˜๋ฅผ ์กฐ์‚ฌ, ํŒจ์Šค์›Œ๋“œ์— ์ˆซ์ž๋‚˜ ๋Œ€์†Œ๋ฌธ์ž ํฌํ•จ ์กฐ์‚ฌ CSS์— ๋Œ€ํ•ด์„œ ์ œ์–ด, ๊ฐ’์„ ๊ตฌํ˜„, Timer๋ฅผ ์„ค์ •ํ•ด์„œ ํŠน์ˆ˜ํšจ๊ณผ๊ฐ™์€ ์ฒ˜๋ฆฌ๊ฐ€ ๊ฐ€๋Šฅ function class element(์š”์†Œ) ์†์„ฑ(Attribute) -> ํŠน์„ฑ(Property) id -> 1๊ฐœ class -> ๋‹ค์ˆ˜ CSS name.. 2021. 3. 2.