๐ŸŽ“ Education 1
๊น€๋ฒ„๊ทธ์˜ UI ๊ฐœ๋ฐœ ๋ถ€ํŠธ์บ ํ”„ : ์˜ค๋Š˜์˜์ง‘ ํด๋ก 

โœ… ๊น€๋ฒ„๊ทธ์˜ UI ๊ฐœ๋ฐœ ๋ถ€ํŠธ์บ ํ”„ ์ž์ทจ์ƒ ๋“ค์˜ ํ•„์ˆ˜์–ดํ”Œ "์˜ค๋Š˜์˜ ์ง‘" ์˜ ์ƒํ’ˆํŒ๋งค ํŽ˜์ด์ง€์˜ UI ๋ฅผ SCSS ๋ฅผ ํ™œ์šฉํ•ด ํฌ๊ฒŒ๋Š”Layout ๋‹จ์œ„๋ถ€ํ„ฐ componet ๋‹จ์œ„๊นŒ์ง€ ์ž์„ธํ•˜๊ฒŒ ๋ถ„์„ํ•œ๋’ค ๋˜‘๊ฐ™์ด ๋งŒ๋“ค์–ด ๋ณผ์ˆ˜ ์žˆ๋‹ค. ํ”„๋ŸฐํŠธ์—”๋“œ๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” ๊ฐ€์žฅ ๊ธฐ์ดˆ์ ์ธ assets ๋‹จ์œ„๋ถ€ํ„ฐ SCSS๋ฅผ ํ†ตํ•ด ์ƒํƒœ๊ด€๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ• ๊ณผ SCSS์˜ ๋ฌธ๋ฒ• ๋“ฑ์„ ๋ฐฐ์šธ์ˆ˜ ์žˆ๋‹ค. - ๊ธฐ์ˆ ์Šคํƒ : HTML, CSS, SCSS, JavaScript ๐Ÿ”จ ๊ตฌํ˜„๋ฐฉ๋ฒ• 1. Asset ํŒŒ์ผ ์ค€๋น„ Image ์›นํŽ˜์ด์ง€์—์„œ ์ด๋ฏธ์ง€์˜ ์šฉ๋Ÿ‰์€ ์•ฝ 60%๋ฅผ ์ฐจ์ง€ํ•  ์ •๋„๋กœ ์ฝ”๋“œํŒŒ์ผ๋ณด๋‹ค ํฌ๊ณ  ๋งŽ์€ ์˜ํ–ฅ์„ ๋ผ์นœ๋‹ค. ๋žœ๋”๋ง ํƒ€์ž„์„ ์ค„์ด๊ณ  ์‚ฌ์šฉ์„ฑ ์ฆ์ง„์„ ์œ„ํ•ด, ๋ชฉ์ ์— ๋งž๋Š” ์ด๋ฏธ์ง€ ํ™•์žฅ์ž(jpg, png, svg, webp)๋ฅผ ์„ ํƒ. Icon svg ํŒŒ์ผ์„ icon์œผ๋กœ ๋ณ€ํ™˜..
๐ŸŽ“ Education 2021.11.27
1
๋”๋ณด๊ธฐ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”