ListItem
์ ๊ตฌ์ฑ ์์ primaryText
๊ทธ๊ฒ์ ์ปจํ
์ด๋๋ฅผ ์ค๋ฒํ๋ก. secondaryText
์ ๋ฌ๋ฆฌ ์ค๋ฒํ๋ก ์ ์ ์ค ์๋ฅผ ์ค์ ํ๋ ์ต์
์ด ์์ผ๋ฉฐ ๊ธฐ๋ณธ์ ์ผ๋ก ์ค๋ฒํ๋ก ๋์์ด ์์ต๋๋ค. ๋๋ ๊ทธ๊ฒ์ _possible_๊ฐ ๋์์ผ๋ก ์๊ฐ div
ํ
์คํธ๊ฐ ์ค์ ํ์ฌ ๋ ๋๋ง๋๋์ด className
(๊ฐ)์ ListItem
, ๋ค์ ์ฒซ ๋ฒ์งธ ์์ DIV์ ๋ ๋ฒ์งธ DIV๋ฅผ ๋ฐ๊ฒฌ,ํ์ง๋ง ๊ทธ ์ค๋ฅ - ๋ณด์ธ๋ค ์์ฑ๋ HTML์ ์์กดํ๊ธฐ ๋๋ฌธ์ ๋ฐ์ํ๊ธฐ ์ฝ์ต๋๋ค.
ListItem
์์ List
๋ฅผ ๋ง๋ค๊ณ primaryText
๋ฅผ ์ค๋ฒํ๋ก๋ฅผ ์ผ์ผํฌ ๋งํผ ๊ธด ๋ฌธ์์ด๋ก ์ค์ ํฉ๋๋ค.@finaiized ์ ์๊ฐ์๋ primaryText
๋ ์ ๋ชฉ์ ์๋ฏธํ๊ณ secondaryText
๋ ์ค๋ช
์ ์๋ฏธํ๋ฏ๋ก ํ์์ด ๊ทธ๋๋ก ์ ์ง๋ฉ๋๋ค. ํ
์คํธ๋ ๋์น ์ ๋๋ก ๊ธธ์ด์๋ ์ ๋ฉ๋๋ค. ๊ทธ๋ ์ง ์์ผ๋ฉด overflow : hidden
์ค๋ฒ ํ๋ก์ฐ๋ฅผ ๋ฐฉ์ง ๋ค๋ฅธ ์คํ์ผ๊ณผ ํจ๊ป ์คํ์ผ์ด ์๋๋ผ ๊ทธ๋ฅ ๊ทธ ๋ฑ primaryText ์คํ์ผ์ ๋ถ์ฌ ํ ์ secondaryText
์ ํ๋ณด๊ฐ ๋ ์ ์์ต๋๋ค.
@finaiized ์ด์ ๋ํ ํด๊ฒฐ์ฑ
์ด ๊ฒ์๋ ๊ฒ ๊ฐ์ต๋๋ค. ๊ทธ๋ฌ๋ primaryText
๋ ๋๋ฌด ๊ธธ์ด์ ํ
์คํธ ์ค ๋ฐ๊ฟ์ด ๋ฐ์ํ์ง ์์์ผ ํ๋ฉฐ MUI ํ๋ก์ ํธ์์ ์ด๊ฒ์ ๊ตฌํํ๋ ๊ฒ์ด ๋ค๋ฅธ ์ฌ์ฉ์์๊ฒ ๋์์ด ๋ ๊ฒ์ด๋ผ๊ณ ์๊ฐํ์ง ์์ต๋๋ค! ๐
๋๋ ์ด๊ฒ์ด ์ค๋๋์๋ค๋ ๊ฒ์ ์๊ณ ์์ง๋ง 2 ์ผํธ๋ฅผ ๋์ง๊ธฐ ์ํด ... ๊ธฐ๋ณธ์ ์ผ๋ก ๊ธฐ๋ณธ ํ ์คํธ๊ฐ ์ค๋ฒํ๋ก์ ์ค์ํ๋ฅผ ํ์ํ๋๋กํ์ง ์๋ ์ด์ ๋ ๋ฌด์์ ๋๊น? ๋ฌผ๋ก primaryText๊ฐ ๋๋ฌด ๊ธธ์ด์ ์ค๋ฒํ๋ก๋์ด์๋ ์ ๋ฉ๋๋ค. ํ์ง๋ง ๊ทธ๋ ๋ค๋ฉด ๋์น๊ณ ๊นจ์ ธ ๋ณด์ด๋ ๋์ ์ค์ํ๋ฅผ ํ์ํด์ผ ํ์ง ์์๊น์? ์ค๋ฒํ๋ก์ ์์กดํ๋ ๋ค๋ฅธ ๊ฒ์ด ์๋ ํ ๊ธฐ๋ณธ์ ์ผ๋ก ์ด๋ฅผ ๊ตฌํํ์ง ์์ ์ด์ ๊ฐ ์์ต๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๋๋ ์ด๊ฒ์ด ์ค๋๋์๋ค๋ ๊ฒ์ ์๊ณ ์์ง๋ง 2 ์ผํธ๋ฅผ ๋์ง๊ธฐ ์ํด ... ๊ธฐ๋ณธ์ ์ผ๋ก ๊ธฐ๋ณธ ํ ์คํธ๊ฐ ์ค๋ฒํ๋ก์ ์ค์ํ๋ฅผ ํ์ํ๋๋กํ์ง ์๋ ์ด์ ๋ ๋ฌด์์ ๋๊น? ๋ฌผ๋ก primaryText๊ฐ ๋๋ฌด ๊ธธ์ด์ ์ค๋ฒํ๋ก๋์ด์๋ ์ ๋ฉ๋๋ค. ํ์ง๋ง ๊ทธ๋ ๋ค๋ฉด ๋์น๊ณ ๊นจ์ ธ ๋ณด์ด๋ ๋์ ์ค์ํ๋ฅผ ํ์ํด์ผ ํ์ง ์์๊น์? ์ค๋ฒํ๋ก์ ์์กดํ๋ ๋ค๋ฅธ ๊ฒ์ด ์๋ ํ ๊ธฐ๋ณธ์ ์ผ๋ก ์ด๋ฅผ ๊ตฌํํ์ง ์์ ์ด์ ๊ฐ ์์ต๋๋ค.