ํ•œ ์ฃผ ํšŒ๊ณ  : 4์›” ๋‘˜์งธ์ฃผ
728x90

4์›” 11์ผ ~ 18์ผ ํ•œ ์ฃผ ํšŒ๊ณ 

์–ด์ œ(17์ผ) ์˜ฌ๋ ธ์–ด์•ผ ํ–ˆ๋Š”๋ฐ ๊นœ๋นกํ•ด์„œ ์˜ค๋Š˜ ์˜ฌ๋ฆฌ๋Š” ํ•œ ์ฃผ ํšŒ๊ณ .

 

 

ํ•™์Šตํ•œ ๊ฒƒ

  • HTML/CSS
    • Grid์— ๋Œ€ํ•œ ๊ฒƒ. ๋‹ค๋งŒ ์—ฐ์Šต์ด ๋” ํ•„์š”ํ•˜๋‹ค.
    • ๋„ค์ด๋ฒ„์˜ ์ฃผ๋ฌธํŽ˜์ด์ง€๋ฅผ ํด๋ก ์ฝ”๋”ฉ ํ•ด๋ณด๋ฉฐ Sass๋ฅผ ์ ‘ํ•ด๋ณด๊ณ  ์žˆ๋‹ค.
    • Sass๋กœ css๋ฅผ ๋งŒ๋“ค์–ด ๋‚˜๊ฐ€๋Š” ๊ณผ์ •์—์„œ ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ชผ๊ฐœ๋ณธ๋‹ค๊ฑฐ๋‚˜, flex์— ์ข€ ๋” ์ต์ˆ™ํ•ด ์ง€๊ณ  ์žˆ๋‹ค.
  • JS
    • ๋ฐฐ์—ด์˜ ๋‹ค์–‘ํ•œ ๋ฉ”์„œ๋“œ๋ฅผ ์จ๋ณด๊ณ  ์žˆ๋‹ค.
    • ๋ชจ๋˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋”ฅ๋‹ค์ด๋ธŒ๋ฅผ ์กฐ๊ธˆ์”ฉ ์ฝ๊ณ ์žˆ๋‹ค. ํ˜„์žฌ๋Š” ํ•จ์ˆ˜ ์ฑ•ํ„ฐ.
  • ์ž๋ฃŒ๊ตฌ์กฐ/์•Œ๊ณ ๋ฆฌ์ฆ˜
    • ์•Œ๊ณ ๋ฆฌ์ฆ˜์˜ ๋ณต์žก๋„์— ๋Œ€ํ•ด ๋ฐฐ์› ๋‹ค.
    • ๊ธฐ์ดˆ์ ์ธ ๋ฌธ์ œ๋“ค์„ ์กฐ๊ธˆ์”ฉ ํ’€์–ด๋‚˜๊ฐ€๊ณ  ์žˆ๋‹ค.

 

 

๋Š๋‚€์ 

  • ์•Œ๊ณ ๋ฆฌ์ฆ˜์€ ์˜ˆ์ƒํ–ˆ์ง€๋งŒ ์ƒ๊ฐ๋ณด๋‹ค ์–ด๋ ต๋‹ค.
  • ๊ณต๋ถ€์‹œ๊ฐ„์€ 6์‹œ๊ฐ„ ๋‚ด์™ธ์ธ๋ฐ ์ข€ ๋” ๋Š˜๋ฆด ์ˆ˜ ์žˆ๋„๋ก ํ•ด๋ด์•ผ๊ฒ ๋‹ค.
  • ๊ธ€์„ ์“ฐ๋Š” ๊ฒƒ์ด๋“ , ์ฝ”๋”ฉ์„ ํ•˜๋“  ๋‚ด ๋ฐฉ์‹๋Œ€๋กœ ํ•ด๊ฐ€๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•˜๋‹ค๋Š” ๊ฒƒ์„ ๋‹ค์‹œ ๋Š๊ผˆ๋‹ค.

 

 

๋ณด์™„ํ•  ์ 

  • ์ง์ ‘ ํ•ด๋ณด๋Š” ์‹œ๊ฐ„์ด ๋” ๋งŽ์ด ํ•„์š”ํ•  ๊ฒƒ ๊ฐ™๋‹ค.
  • ๊ณต๋ถ€ ํŒจํ„ด ์ •์ฐฉํ•˜๊ธฐ.
  • ๊ทธ๋™์•ˆ ๋„ˆ๋ฌด ๋ฐฉ์น˜๋˜์–ด ์žˆ์—ˆ๋˜ ๊นƒ ๊ด€๋ฆฌ ํ•„์š”!!
  • ์ž„์‹œ์ €์žฅ ์ค‘์ธ ๊ธ€์„ ์งฌ์งฌํžˆ ์จ์„œ ์˜ฌ๋ ค์•ผ๊ฒ ๋‹ค.

 

 

728x90