๋ฐ˜์‘ํ˜•

๋ชจ๋ฐ”์ผ ๊ธฐ๊ธฐ(mobile device) ํ™”๋ฉด ์ž˜๋ฆผ ํ˜„์ƒ 1

[Web] ๋ชจ๋ฐ”์ผ ๊ธฐ๊ธฐ(mobile device) ํ™”๋ฉด ์ž˜๋ฆผ ํ˜„์ƒ ์›์ธ ๋ฐ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ• (+ viewport)

Intro ์•ˆ๋…•ํ•˜์„ธ์š”. ์ด๋ฒˆ์‹œ๊ฐ„์—๋Š” ๋ชจ๋ฐ”์ผ ๊ธฐ๊ธฐ (mobile device) ํ™”๋ฉด ์ž˜๋ฆผ ํ˜„์ƒ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์ œ ๊ฒฝ์šฐ react next project๋ฅผ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. pc local ๊ฐœ๋ฐœ์ž๋„๊ตฌ ํ…Œ์ŠคํŠธ ์‹œ ํ™”๋ฉด ์ž˜๋ฆผ ํ˜„์ƒ ์—†์ด ์ž˜ ๋‚˜์™”์ง€๋งŒ, ์‹ค์ œ ํ•ธ๋“œํฐ์—๋Š” border line์ด ์‚ด์ง ์ž˜๋ฆฐ ํ˜„์ƒ์ด ๋‚˜ํƒ€๋‚˜๋”๋ผ๊ณ ์š”. ํ•ด๋‹น ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ๊ตฌ๊ธ€๋ง์„ ํ•ด๋ดค์Šต๋‹ˆ๋‹ค. ๐Ÿค˜ Why? ๋ชจ๋ฐ”์ผ ๊ธฐ๊ธฐ์—์„œ ํ™”๋ฉด ์ž˜๋ฆผ ํ˜„์ƒ์ด ๋‚˜ํƒ€๋‚˜๋Š” ์›์ธ์€ ์—ฌ๋Ÿฌ๊ฐ€์ง€ ์žˆ์„ ์ˆ˜ ์žˆ๊ฒ ๋งŒ, ๋Œ€๊ฒŒ๋Š” ๋ชจ๋ฐ”์ผ ๊ธฐ๊ธฐ ๋ธŒ๋ผ์šฐ์ €์˜ ๋ทฐํฌํŠธ์™€ ๊ด€๋ จ๋œ ๋ฌธ์ œ๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ๋ชจ๋ฐ”์ผ ๋ธŒ๋ผ์šฐ์ €๋Š” ํŽ˜์ด์ง€ ๋ Œ๋”๋ง ์‹œ ๋ทฐํผํŠธ์˜ ํฌํ‚ค์— ๋งž๊ฒŒ ์ž๋™ ์กฐ์ •๋ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ๋ทฐํฌํŠธ์˜ ํฌ๊ธฐ๋ฅผ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ๊ณ„์‚ฐํ•˜์ง€ ๋ชปํ•  ๊ฒฝ์šฐ, ํŽ˜์ด์ง€๊ฐ€ ์ œ๋Œ€๋กœ ๋‚˜์˜ค์ง€ ์•Š๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ..

๋ฐ˜์‘ํ˜•