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

๊ตญ๋น„76

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.
1๏ธโƒฃ 1๏ธโƒฃ ๋ถ€ํŠธ ์ŠคํŠธ๋žฉ (BootStrap) - Modal ๋ชจ๋‹ฌ component:modal ๊ธฐ๋ณธ์ ์ธ ์‚ฌ์šฉ ์˜ˆ ์ „ํ™˜ ๋ฒ„ํŠผ ๋ชจ๋‹ฌ ์ œ๋ชฉ × ๋‚ด์šฉ ๋ถ€๋ถ„์ž…๋‹ˆ๋‹ค ๋‹ซ๊ธฐ 2021. 2. 26.
๐Ÿ”Ÿ๋ถ€ํŠธ ์ŠคํŠธ๋žฉ (BootStrap) - Carousel + ์นด๋ฃจ์…€ ์‘์šฉ component:carousel ๊ธฐ๋ณธ์ ์ธ ์‚ฌ์šฉ ์˜ˆ ๊ณ ์–‘์ด ํ†ฐ ์Šฌ๋ผ์ด๋“œ์˜ ์บก์…˜ ๋‚ด์šฉ ๊ธˆ๋ถ•์–ด ์Šฌ๋ผ์ด๋“œ์˜ ์บก์…˜ ๋‚ด์šฉ ํŒจ์…˜ ์Šฌ๋ผ์ด๋“œ์˜ ์บก์…˜ ๋‚ด์šฉ ์•ž์œผ๋กœ ๋‹ค์Œ์œผ๋กœ 2021. 2. 26.