TIL

hyena_leeยท2022๋…„ 12์›” 26์ผ
0

TIL

๋ชฉ๋ก ๋ณด๊ธฐ
11/42
post-thumbnail

๐Ÿ—“ ์˜ค๋Š˜ ํ•œ ์ผ

  1. ๊ณ„์‚ฐ๊ธฐ ๋ชฉ์—… ๋งŒ๋“ค๊ธฐ (ํŽ˜์–ด๋ถ„๊ณผ)
  • HYML ๊ตฌ์กฐ
  • css ์Šคํƒ€์ผ

๐ŸŒˆ ํšŒ๊ณ 

  1. ๊ณ„์‚ฐ๊ธฐ ์ปจ์…‰
    ํ™”๋ฉด ๋ฐ๊ฒŒ ์–ด๋‘ก๊ฒŒ ์• ๋‹ˆ๋ฉ”์ด์…˜ ํšจ๊ณผ
  1. ๋ฒ„ํŠผ ์ •๋ ฌ
  • ์ฒซ๋ฒˆ์งธ๋Š” table tag๋กœ ์ด์šฉํ—ค ๋ฒ„ํŠผ์„ ๋งŒ๋“ค๊ธฐ
  • ๋‘๋ฒˆ์งธ, data-์†์„ฑ ๊ฐ’์œผ๋กœ ๊ฐ„๋‹จํ•˜๊ฒŒ ๊ตฌํ˜„
  • ์„ธ๋ฒˆ์งธ,
  1. CSS ์†์„ฑ
  • flex ์†์„ฑ ์ด์šฉํ•˜์—ฌ ์ •๋ ฌ
  • transition
  • grid-template-colums
  1. ์‹คํŒจ ๊ฒฝํ—˜ & ๋ฐฐ์šด์ 
  • grow/basis ๊ฐœ๋…์ด ์ œ๋Œ€๋กœ ์žกํ˜€ ์žˆ์ง€ ์•Š์•˜๋Š”์ง€ ์—ฌ๋Ÿฌ๋ฒˆ ์‹œํ–‰์ฐฉ์˜ค๊ฐ€ ์žˆ์—ˆ๋‹ค.
  • grow/basis ๊ฐœ๋…์„ ๋‹ค์‹œ ์•Œ๊ฒŒ ๋˜์—ˆ๊ณ  ๋””์ž์ธ ์•„์ด๋””์–ด๋ฅผ ํŽ˜์–ด๋ถ„๋“ค์ด ๊ณต์œ  ๋•๋ถ„์— ๊ณต๋ถ€๋ฅผ ํ•ด์•ผ๊ฒ ๋‹ค.
  1. ๋” ๋ฐœ์ „ํ•˜๊ณ  ์‹ถ์€ ๊ฒƒ!
  • ๋””์ž์ธ ๋ฉด์—์„œ ๋„ˆ๋ฌด ์•„์‰ฝ๊ณ  ์ฐฝ์˜์ ์ธ๋ฉด๊ณผ ์‘์šฉ๋ ฅ์ด ๋งŽ์ด ๋–จ์–ด์ง„๋‹ค๋Š” ์ƒ๊ฐ๋„ ๋“ค์—ˆ๋‹ค.
  • ์šฐ์„  ๋ฒ„ํŠผ์„ ๋‹ค์–‘ํ•˜๊ฒŒ ๊ตฌํ˜„ํ•˜๋Š” ๋ชฉ์ ์— ์‹ฌ์ทจ๋˜์–ด ๋””์ž์ธ์„ ๋งŽ์ด ์‹ ๊ฒฝ์„ ๋ชป ์“ด ์ ์ด ์•„์‰ฝ๋‹ค.
  • ์ฃผ๋ง์•  ๊ผญ ๋‹ค์‹œ ๋‚˜๋งŒ์˜ ๋””์ง€์ธ์œผ๋กœ ๊ตฌํ˜„ํ•ด๋ณด๊ธฐ
profile
์‹ค์ˆ˜๋ฅผ ๋‘๋ ค์›Œ ๋ง๊ณ  ๊ณ„์† ๋„์ „ ํ•˜๋Š” ๊ฐœ๋ฐœ์ž์˜ ์—ฌ์ •!

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