๋ชฉ๋กClient (28)

๐ŸŒฑ → ๐ŸŒณ

์ƒํ™œ์ฝ”๋”ฉ WEB2 - JavaScript ํšŒ๊ณ 

์ƒํ™œ์ฝ”๋”ฉ web1 - html๊ณผ , web2 - CSS๋ฅผ ๋ชจ๋‘ ๋“ฃ๊ณ  ๋“œ๋””์–ด JavsScript ์ˆ˜๊ฐ•์„ ๋งˆ์ณค๋‹ค. ์›๋ž˜๋Š” ๋ฐ”๋กœ React ๊ฐ•์˜๋ฅผ ๋“ค์–ด๋ณด๋ ค ํ–ˆ์œผ๋‚˜, ๋ณต์Šต ๊ฒธ ๋…ธ๋งˆ๋“œ์ฝ”๋”์˜ ๋ฐ”๋‹๋ผJS๋ฅผ ๋“ฃ๊ธฐ๋กœ ํ–ˆ๋‹ค. JavaScript ๋ณต์Šต ๋ฐ ๋‚ด์šฉ ์ •๋ฆฌ ๋ชฉ์ฐจ HTML๊ณผ JavaScript์˜ ๋งŒ๋‚จ 1 (script ํƒœ๊ทธ) HTML๊ณผ JavaScript์˜ ๋งŒ๋‚จ 2 (์ด๋ฒคํŠธ) HTML๊ณผ JavaScript์˜ ๋งŒ๋‚จ 3 (์ฝ˜์†”) ๋ฐ์ดํ„ฐํƒ€์ž… - ๋ฌธ์ž์—ด๊ณผ ์ˆซ์ž ๋ณ€์ˆ˜์™€ ๋Œ€์ž… ์—ฐ์‚ฐ์ž ์›น๋ธŒ๋ผ์šฐ์ € ์ œ์–ด CSS ๊ธฐ์ดˆ ์ œ์–ดํ•  ํƒœ๊ทธ ์„ ํƒํ•˜๊ธฐ ํ”„๋กœ๊ทธ๋žจ, ํ”„๋กœ๊ทธ๋ž˜๋ฐ, ํ”„๋กœ๊ทธ๋ž˜๋จธ ์กฐ๊ฑด๋ฌธ ์˜ˆ๊ณ  ๋น„๊ต ์—ฐ์‚ฐ์ž์™€ Boolean ๋ฐ์ดํ„ฐ ํƒ€์ž… ์กฐ๊ฑด๋ฌธ ์กฐ๊ฑด๋ฌธ์˜ ํ™œ์šฉ ๋ฆฌํŒฉํ† ๋ง(refactoring) ๋ฐ˜๋ณต๋ฌธ ์˜ˆ๊ณ  ๋ฐฐ์—ด ๋ฐ˜๋ณต๋ฌธ ๋ฐฐ์—ด๊ณผ ๋ฐ˜๋ณต๋ฌธ ๋ฐฐ์—ด๊ณผ ๋ฐ˜๋ณต๋ฌธ์˜ ..

Client/Javascript 2022. 4. 8. 14:42
์ƒํ™œ์ฝ”๋”ฉ html, css ์งง๊ฒŒ ๋ณด๊ธฐ

์ƒํ™œ์ฝ”๋”ฉ html, css ๋ง›๋ณด๊ธฐ๋กœ ๋ช‡ ๊ฐœ๋งŒ ๊ณจ๋ผ์„œ ๋“ค์–ด๋ณด์•˜๋‹ค! HTML tag ๋Œ€์ œ๋ชฉ ์†Œ์ œ๋ชฉ ๊ธ€์”จ ๊ฐ•์กฐ ๋งํฌ ๊ฑธ์–ด์คŒ ์†์„ฑ href = "๋งํฌ" target="_blank" ๋งํฌ ๋ˆŒ๋ €์„ ๋•Œ ์ƒˆ๋กœ์šด ํƒญ์ด ์—ด๋ฆฌ๋ฉด์„œ ๊ทธ ํƒญ์— ํŽ˜์ด์ง€๊ฐ€ ์—ด๋ฆฌ๋„๋ก ํ•˜๋Š” ๊ฒƒ title="" ๋งํฌ์— ๋งˆ์šฐ์Šค ์ปค์„œ ์˜ฌ๋ ธ์„๋•Œ ๋ฌธ์ž ์ถœ๋ ฅ ๊ฐ๊ฐ์˜ ํ•ญ๋ชฉ์„ list๋กœ ํ‘œํ˜„ list ๊ทธ๋ฃนํ•‘ unordered list ์ˆœ์„œ๊ฐ€ ์žˆ๋Š” ๊ทธ๋ฃนํ•‘ ordered list ๋ฌธ์„œ ์ž์ฒด๋ฅผ ๊พธ๋ฉฐ์คŒ, ๋ถ€๊ณผ์ ์ธ ๋‚ด์šฉ (๋ณธ๋ฌธ์˜ ๋‚ด์šฉ X) ๋ณธ๋ฌธ์ด ์•„๋‹Œ tag๋Š” head ์•„๋ž˜์— ์žˆ์–ด์•ผํ•จ ๋งํฌ ์ด๋ฆ„ ๊ธ€์”จ ๊นจ์งˆ ๋•Œ ์ด ์ฝ”๋“œ ๋„ฃ๊ธฐ DOCTYPE document type declaration ๋‚ด๊ฐ€ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š” html์ด ์–ด๋– ํ•œ ํ‘œ์ค€์„ ๋”ฐ๋ฅด๊ณ  ์žˆ๋Š”์ง€ ์•Œ๋ ค์คŒ ํ˜„์žฌ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ CSS ..

Client/HTML CSS 2022. 3. 16. 17:44