programming language/Front-end

programming language/Front-end

Front-end ๊ธฐ์ดˆ ์ •๋ฆฌ

๊ฐœ๋… ์ •๋ฆฌ ID์˜ ๊ฐ’์€ ๊ณ ์œ ํ•ด์•ผํ•œ๋‹ค. NAME html ๋‚ด๋ถ€์—์„œ๋Š” ๋”ฐ๋กœ ์˜ค๋ฅ˜๋ฅผ ์žก์•„์ฃผ์ง€ ์•Š๊ธฐ๋•Œ๋ฌธ์— ์ฝ”๋“œ๋ฅผ ์งค๋•Œ ์‹ ๊ฒฝ์„ ๋งŽ์ด ์จ์•ผํ•˜๊ณ , id๊ฐ’์€ ๊ณ ์œ ํ•ด์•ผํ•œ๋‹ค. ์ดํ•ดํ•˜๊ฒŒ ์‰ฝ๊ฒŒ ์ฝ”๋“œ๋ฅผ ๊ตฌ์„ฑํ•ด๋ผ. semantic ์œ„์™€ ์•„๋ž˜์— ์ฝ”๋“œ๋Š” ๋˜‘๊ฐ™์ด ์ž‘๋™ํ•œ๋‹ค. ์œ„์— ์ฝ”๋“œ์™€ ์•„๋ž˜์ฝ”๋“œ๋ฅผ ๋น„๊ตํ•ด์„œ ๋ดค์—ˆ์„๋•Œ ์•„๋ž˜์— ์ฝ”๋“œ๊ฐ€ ํœ ์”ฌ ์ง๊ด€์ ์ด๊ณ  ์ดํ•ดํ•˜๊ธฐ๊ฐ€ ์‰ฝ๋‹ค. ์‰ฝ๊ฒŒ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋„๋ก ์ง๊ด€์ ์ด๊ณ  ๋ณด๊ธฐ์‰ฝ๊ฒŒ ์งœ๋Š”๊ฒƒ์ด ์šฐ์„ . class ์ด๋ฆ„์„ ์ •ํ• ๊ฒฝ์šฐ ์ด๋ฆ„์„ ๊ธธ๊ฒŒํ•˜๋Š”๊ฒŒ ์ข‹๋‹ค. BEM CSS : id๋Š” ๊ฑฐ์˜ ์‚ฌ์šฉํ•˜์ง€์•Š๊ณ  class๋งŒ ์‚ฌ์šฉํ•˜์—ฌ ์ด๋ฆ„์œผ๋กœ ์•Œ ์ˆ˜ ์žˆ๋„๋ก ํ‘œ๊ธฐํ•˜๋Š” ๋ฐฉ์‹ [CSS ๋ฐฉ๋ฒ•๋ก ] BEM ๋ฐฉ์‹ [CSS ๋ฐฉ๋ฒ•๋ก ] BEM ๋ฐฉ์‹ ์˜ค๋Š˜์€ CSS ๋ฐฉ๋ฒ•๋ก ์„ ๋‹ค๋ค„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค ;-) ๋ง์ด ๊ฑฐ์ฐฝํ•˜๊ธด ํ•œ๋ฐ ์‰ฝ๊ฒŒ ํ’€์–ด์“ฐ๋ฉด 'CSS ํด๋ž˜์Šค๋„ค์ž„์„ ์–ด๋–ป๊ฒŒ..