CODING ๐Ÿ’ป/HTML&CSS โœจ

#04 HTML ๊ฐœ๋… ์ •๋ฆฌ๊ธ€ (๋‚ด๊ฐ€ ๋ณด๋ ค๊ณ  ์“ฐ๋Š” ๊ฒƒ)

Joo's 2021. 5. 8. 23:23

โ— DOM : HTML ํŒŒ์ผ๋กœ ๋งŒ๋“ค์–ด์„œ ๋ธŒ๋ผ์šฐ์ €์— ๋ณด์—ฌ์ฃผ๋Š” ๊ฒƒ (์ฆ‰ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค์— ํ‘œ์‹œํ•˜๋Š” ๊ฒƒ)

 

โ— Element(์š”์†Œ) : ๋‚ด์šฉ์„ ํฌํ•จํ•ด ์‹œ์ž‘ ํƒœ๊ทธ์™€ ์ข…๋ฃŒ ํƒœ๊ทธ๊นŒ์ง€ ์ผ์ปซ๋Š”๊ฒƒ

ex: <p>์•ˆ๋…•ํ•˜์„ธ์š”์˜ค!!</p> --> ์ „์ฒด๊ฐ€ 'Element'!

 

โ— Attribute(์†์„ฑ) : ์‹œ์ž‘ ํƒœ๊ทธ์— ์œ„์น˜ํ•˜๋ฉฐ ํ•œ ํƒœ๊ทธ์— ์—ฌ๋Ÿฌ ์†์„ฑ์„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. (class, alt, src, href)

ex: <a href="http://www.naver.com">๋„ค์ด๋ฒ„</a> 

     <img src="./photo.jpg">

     <div class="banner">๋ฐฐ๋„ˆ์ž…๋‹ˆ๋‹ค</div>

 

 

โ— DOCTYPE : ํƒœ๊ทธ๊ฐ™์ด ์ƒ๊ฒผ์ง€๋งŒ, ์•„๋‹˜!! ์ด HTMLํŒŒ์ผ์ด ์–ด๋–ค ๋ฒ„์ „์„ ์‚ฌ์šฉํ–ˆ๋Š”์ง€ ๋ธŒ๋ผ์šฐ์ €์— ์•Œ๋ฆฌ๋Š” ์—ญํ• 

 

 

 

โœจ ์ด ๋ถ„ ๋ธ”๋กœ๊ทธ๋ฅผ ์ฐธ์กฐํ•˜์—ฌ ๋” ๊ฐ„๋žตํ•˜๊ณ  ์ œ๊ฐ€ ๋ณด๊ธฐ ์‰ฝ๋„๋ก ์ ์—ˆ์Šต๋‹ˆ๋‹ค! โœจ

 

http://velog.io/@offdutybyblo/HTMLCSS-%EA%B8%B0%EB%B3%B8-%EA%B0%9C%EB%85%90-%EC%A0%95%EB%A6%AC-MARK-l#1-htmlvelog.io/@offdutybyblo/HTMLCSS-%EA%B8%B0%EB%B3%B8-%EA%B0%9C%EB%85%90-%EC%A0%95%EB%A6%AC-MARK-l#1-html

 

[HTML/CSS] ๊ธฐ๋ณธ ๊ฐœ๋… ์ •๋ฆฌ MARK l

HTML๊ณผ CSS์˜ ๊ธฐ๋ณธ ๊ฐœ๋…์„ ๋น ๋ฅด๊ฒŒ ๋ณต์Šตํ•˜๊ธฐ ์œ„ํ•ด ์š”์•ฝํ•ด์„œ ์ •๋ฆฌํ–ˆ๋‹ค. ์‹œ๊ฐ„์„ ๋‹จ์ถ•ํ•˜๊ธฐ ์œ„ํ•ด ์งง๊ฒŒ ์ ์—ˆ์œผ๋‹ˆ ํ•„์š”ํ–ˆ๋˜ ๋‚ด์šฉ์€ ์‚ด์„ ๋ถ™์—ฌ๋‚˜๊ฐ€์ž.์›น ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ์–ธ์–ด์›น ํŽ˜์ด์ง€ ๊ตฌ์กฐ๋ฅผ ์žก์„

velog.io

 

REACT ๊ด€๋ จ ์ž˜ ์ •๋ฆฌํ•ด๋†“์œผ์‹  ๋ถ„

[React] ์ฐจ๊ทผ์ฐจ๊ทผ Todo List ๋งŒ๋“ค๊ธฐ with Typescript- (1) ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ — Slowly but Surely (tistory.com)