Closed KKYHH closed 1 month ago
label ์์๋ฅผ ๋ถ๋ชจ ๋ฐ์ค(DailyQuestionBox, CustomEntryBox)์ ํ๋ ๋ ์ถ๊ฐํ์ฌ ๋ฐ์ค ์ ์ฒด๋ฅผ ํด๋ฆญํ๋ฉด ๋ผ๋์ค ๋ฒํผ์ด ์ฒดํฌ๋๋๋ก ์ฒ๋ฆฌ.
svg ์ปดํฌ๋ํธ์ flex-shrink๋ฅผ ์ฌ์ฉํ์ฌ ๊ณ ์ ๋ ์์ญ์ ๊ฐ์ง๋๋ก ์ฒ๋ฆฌ ์ฝ์์ ์ปดํฌ๋ํธ๋ ๊ฐ์ด ์์
์ถ๊ฐ์ ์ธ ์ฐธ๊ณ ์ฌํญ์ด๋ ๊ด๋ จ๋ ๋ฌธ์, ๋งํฌ ๋ฑ์ ์ ๊ณตํด์ฃผ์ธ์.
๋ณ๊ฒฝ ์ฌํญ์ ๋ํ ์คํฌ๋ฆฐ์ท์ด ์๋ค๋ฉด ์ฒจ๋ถํด์ฃผ์ธ์.
์ด์ ๋ฒํธ: #[์ด์ ๋ฒํธ]
โ ์ฒดํฌ๋ฆฌ์คํธ
๐ ์์ ์์ธ ๋ด์ฉ
1๏ธโฃ ๋ฐฑ์๋ Charset ๋ก์ง ์์ ํ ์ด๋ชจ์ง ์ฌ์ฉ
2๏ธโฃ ๋ชจ๋ ์ ๋ ํฐ ๋ฐ์ค ๊ฐ์
label ์์๋ฅผ ๋ถ๋ชจ ๋ฐ์ค(DailyQuestionBox, CustomEntryBox)์ ํ๋ ๋ ์ถ๊ฐํ์ฌ ๋ฐ์ค ์ ์ฒด๋ฅผ ํด๋ฆญํ๋ฉด ๋ผ๋์ค ๋ฒํผ์ด ์ฒดํฌ๋๋๋ก ์ฒ๋ฆฌ.
3๏ธโฃ (๋ชจ๋ฐ์ผ) ํด์ํ๊ทธ UI ๊นจ์ง
svg ์ปดํฌ๋ํธ์ flex-shrink๋ฅผ ์ฌ์ฉํ์ฌ ๊ณ ์ ๋ ์์ญ์ ๊ฐ์ง๋๋ก ์ฒ๋ฆฌ ์ฝ์์ ์ปดํฌ๋ํธ๋ ๊ฐ์ด ์์
๐จ ๋ฒ๊ทธ ๋ฐ์ ์ด์ (์ ํ ์ฌํญ)
๐ ํ์ ์์ (์ ํ ์ฌํญ)
๐ค ์ง๋ฌธ ์ฌํญ (์ ํ ์ฌํญ)
๐ ์ฐธ๊ณ ์๋ฃ (์ ํ ์ฌํญ)
์ถ๊ฐ์ ์ธ ์ฐธ๊ณ ์ฌํญ์ด๋ ๊ด๋ จ๋ ๋ฌธ์, ๋งํฌ ๋ฑ์ ์ ๊ณตํด์ฃผ์ธ์.
๐ธ ์คํฌ๋ฆฐ์ท (์ ํ ์ฌํญ)
๋ณ๊ฒฝ ์ฌํญ์ ๋ํ ์คํฌ๋ฆฐ์ท์ด ์๋ค๋ฉด ์ฒจ๋ถํด์ฃผ์ธ์.
โ ์ ํ ์ฒดํฌ๋ฆฌ์คํธ
์ด์ ๋ฒํธ: #[์ด์ ๋ฒํธ]