๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๋ฐ˜์‘ํ˜•

percentage1

Responsive Design ์ž๋ฃŒ์˜ ์ถœ์ฒ˜๋Š” codecademy(https://www.codecademy.com/) 'front-end engineer' course์ด๋ฉฐ, ํ•™์Šต ํ›„ ์ •๋ฆฌํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. โšก๏ธ ์˜ฌ๋ฐ”๋ฅด์ง€ ์•Š์€ ๋‚ด์šฉ์ด ์žˆ์„ ๊ฒฝ์šฐ ๋Œ“๊ธ€๋กœ ๋‚จ๊ฒจ์ฃผ์‹œ๋ฉด ๊ฐ์‚ฌํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. โšก๏ธ SIZING ELEMENTS Relative Measurements Responsive Design์„ ํ†ตํ•ด ์›น ์‚ฌ์ดํŠธ๊ฐ€ ํ™”๋ฉด ํฌ๊ธฐ์— ๊ด€๊ณ„์—†์ด ๋ชจ๋“  ์žฅ์น˜์—์„œ ์ฝ์„ ์ˆ˜ ์žˆ๊ณ  ์‹œ๊ฐ์ ์œผ๋กœ ํ˜ธ์†Œ๋ ฅ์„ ์ง€๋‹ ์ˆ˜ ์žˆ๋‹ค. Responsive design๋Š” ๋‹ค์Œ์„ ๊ธฐ๋ฐ˜์œผ๋กœ ์›น ์‚ฌ์ดํŠธ์˜ ์ฝ˜ํ…์ธ ๋ฅผ ํฌ๊ธฐ ์กฐ์ • ๋ฐ ์žฌ๊ตฌ์„ฑํ•˜๋Š” ๊ธฐ๋Šฅ์„ ๋งํ•œ๋‹ค. ์›น ์‚ฌ์ดํŠธ์˜ ๋‹ค๋ฅธ ์ฝ˜ํ…์ธ  ํฌ๊ธฐ ์›น ์‚ฌ์ดํŠธ๋ฅผ ๋ณด๊ณ  ์žˆ๋Š” ํ™”๋ฉด ํฌ๊ธฐ ์›น ์‚ฌ์ดํŠธ์—์„œ ์‚ฌ์šฉ๋˜๋Š” ํ”ฝ์…€ ๋‹จ์œ„(px)๋ฅผ ์‚ฌ์šฉํ•˜๋ฉฐ, ํ”ฝ์…€์€ ์ฝ˜ํ…์ธ ์˜ ํฌ๊ธฐ๋ฅผ ์ •ํ™•ํ•œ.. 2021. 5. 11.
728x90
๋ฐ˜์‘ํ˜•