๐Ÿ“‘ ๋ฆฌ์•กํŠธ์™€ Sematic WEB

์ •์€๊ฒฝยท2020๋…„ 9์›” 10์ผ
0

๐Ÿ‘ธ Front-End Queen

๋ชฉ๋ก ๋ณด๊ธฐ
58/271

styled component ์“ฐ๋ฉด div์ œ์ผ ํŽธํ•œ๋‹ค
๊ทธ๋Ÿฐ๋ฐ
semanticํ•˜๊ฒŒ html์„ ๋งŒ๋“ค๋ ค๋ฉด
๊ฐ ํƒœ๊ทธ๋ฅผ ๋ฌธ๋งฅ์— ๋งž๊ฒŒ ์จ์•ผํ•˜๋Š”๋ฐ....?!?!?!

๊ทธ๋ฆฌ๊ณ  ๋ฆฌ์•กํŠธ์•ฑ์€ ์•„๋ž˜์™€ ๊ฐ™์€ html ๊ตฌ์กฐ?๋ฅผ ๊ฐ–๋Š”๋‹ค
root ๋ฐ‘์— ๋‹ฌ๋ฆฌ๋Š” ํ˜•ํƒœ!

<html>
	<head></head>
    <body>
    	<div id="root">
        	<div class="App">
            	์—ฌ๊ธฐ์„œ ๋ถ€ํ„ฐ๋Š” ๋‚ด๊ฐ€ ์ž‘์„ฑํ•œ ์ฝ”๋“œ๋“ค~~~~
                ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
            <div>
        </div>
    </body>
</html>

semantic web์„ ๊ตฌํ˜„ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š”
HTML5์˜ semantic tag๋ฅผ "๋ฌธ๋งฅ์— ๋งž๊ฒŒ" ์‚ฌ์šฉํ•œ๋‹ค.


์š”์•ฝ

HTML ํƒœ๊ทธ๋ฅผ ๋ฌธ๋งฅ์— ๋งž๋„๋ก ์ž‘์„ฑํ•˜๋Š” ๊ฒƒ
์•„๋ฒ„์ง€๋ฅผ div๊ฐ€ ์•„๋‹Œ ์•„๋ฒ„์ง€๋ผ ํ•˜๋Š” ๊ฒƒ

Reference

profile
#์˜์‹์˜ํ๋ฆ„ #์ˆœ๊ฐ„์ˆœ๊ฐ„ #์ƒ๊ฐ์˜์Šค๋ƒ…์ƒท

0๊ฐœ์˜ ๋Œ“๊ธ€