๋ง์ฐ์ค๊ฐ ์์ ์๋ ํญ๋ชฉ์๋ง ์์์ด ์ง์ ๋์ด์ผ ํฉ๋๋ค.
๋ง์ฐ์ค๋ฅผ ๊ฐ์ ธ๊ฐ๋ ํญ๋ชฉ๊ณผ ์ฒซ ๋ฒ์งธ ํญ๋ชฉ์ ์์์ด ์ง์ ๋ฉ๋๋ค.
์ฌ์ฉ์๊ฐ ํด๋ฆญํ ๋ ๋ฌด์์ ์ ํํ ์ง ํผ๋๋ ์ ์์ผ๋ฏ๋ก ์์ ํด์ผ ํฉ๋๋ค.
์ฌ๊ธฐ์์ ์ฒซ ๋ฒ์งธ ํํฐ ํ๋๋ฅผ ์ฌ์ฉํด ๋ณด์ธ์.
https://barista.dynatrace.com/components/filter-field
๋ฐ๊ฒฌ ๋ ์ง:
ํ์ด์ดํญ์ค ๋ฒ์ : 76.0.1
ํฌ๋กฌ ๋ฒ์ : 83.0.4103.61
์๋
ํ์ธ์ @schobocop์
๋๋ค ! ์ด๊ฒ์ ์ฐ๋ฆฌ๊ฐ ์ด๋ฏธ ์ค๋ซ๋์ ์ง๋ฉดํ๊ณ ์๋ ๋ฌธ์ ์
๋๋ค. ์๋ ์์ฑ / ๋๋กญ ๋ค์ด ์ ํ ํธ๋ฒ ๋ฐ ํ์ฑ ์ํ๊ฐ ์ ํํ ๋์ผํ๊ฒ ๋ณด์
๋๋ค.
์ฐ๋ฆฌ๋ ์ด๋ฏธ ๊ณผ๊ฑฐ์ @dynatrace-oss/ux-core์ ๊ธด ํ ๋ก ์ ํ์ง๋ง, ๋๋ ์ฐ๋ฆฌ๊ฐ ์ด๊ฒ์ ๋ค์ ๋ฐฉ๋ฌธํ ์ ์๋ค๊ณ ํ์ ํฉ๋๋ค.
@dynatrace-oss/ux-core์ ๋ํ ์๊ฐ์ด ์์ต๋๊น?
์ฐ๋ฆฌ๊ฐ ์ด๊ฒ์ ๋ํด ๋ญ๊ฐ๋ฅผ ํ ๋๋ผ๊ณ ์๊ฐํฉ๋๋ค :)
๋์ํฉ๋๋ค. ์ด๋ฏธ ๋๋ฌด ์ค๋ ์ฐ๊ธฐ๋์์ต๋๋ค. ์ ํํ ํญ๋ชฉ์ ํ์ํ๋ ๋งค์ฐ ์ธ๊ธฐ ์๋ ๋ฐฉ๋ฒ์ ๊ตต์ ๊ธ๊ผด์ ์ฌ์ฉํ๋ ๊ฒ์ ๋๋ค. ๊ทธ๋ฌ๋ฉด ๋ ์ด์ ํธ๋ฒ ์ํ(์ ๋ฐฐ๊ฒฝ)๋ฅผ ๋ฐฉํดํ์ง ์์ต๋๋ค. ํ์ฑ ์ํ๋ฅผ ๊ตต์ ๊ธ๊ผด๋ก ๋ณ๊ฒฝํด์ผ ํ๋ค๊ณ ์๊ฐํ์ญ๋๊น?
ํ์ฑ ์ํ๋ฅผ ๊ตต์ ๊ธ๊ผด๋ก ๋ณ๊ฒฝํด์ผ ํ๋ค๊ณ ์๊ฐํ์ญ๋๊น?
@ursula-wieshofer ๋ต๋ณ์ด ๋ฆ์ด ์ฃ์กํฉ๋๋ค. ์ ํํ ๋ฐฐ๊ฒฝ์ ์ ๊ฑฐํ๊ณ ๊ตต์ ๊ธ๊ผด์ ์ถ๊ฐํ์๊ฒ ์ต๋๊น, ์๋๋ฉด ๋ฐฐ๊ฒฝ์ ๊ทธ๋๋ก ๋๊ณ ๊ตต์ ๊ธ๊ผด์ ์ถ๊ฐํ์๊ฒ ์ต๋๊น?
@tomheller ํธ๋ฒ ์ํ์ ๋ํ ๋ฐฐ๊ฒฝ์ ๋จ๊ฒจ๋๊ณ ์ ํํ ํญ๋ชฉ์ ๋ํด ๋ฐฐ๊ฒฝ์ ์ ๊ฑฐํ๊ณ ๊ตต์ ๊ธ๊ผด์ ์ฌ์ฉํ๋ ๊ฒ์ด ์ข์ต๋๋ค.)
@ursula-wieshofer ์ข์ต๋๋ค. ๋ค์ ์ค์ ์ด ๋จ์ต๋๋ค.
_selected_: ๋ฐฐ๊ฒฝ ์์, ๊ธ๊ผด ๊ตต๊ฒ
_hover_: ๋ฐฐ๊ฒฝ, ๊ธ๊ผด ์ผ๋ฐ
_keyboardFocused_: ๋ฐฐ๊ฒฝ ?, ๊ธ๊ผด ?
ํธ๋ฒ์ ํค๋ณด๋ ํฌ์ปค์ค๋ฅผ ๊ตฌ๋ถํด์ผ ํฉ๋๊น ์๋๋ฉด ๋์ผํ๊ฒ ๋ณด์ฌ์ผ ํฉ๋๊น?
keyboardFocused ๋ฐ hovered๋ 2๊ฐ์ ๋ค๋ฅธ ํญ๋ชฉ์ ๋์์ ์ ์ฉํ ์ ์์ต๋๋ค.
์ง๊ธ๊น์ง ์ฐ๋ฆฌ๋ ํธ๋ฒ์ ํค๋ณด๋ ํฌ์ปค์ค๋ฅผ ๊ตฌ๋ถํ์ง ์์์ต๋๋ค. ๋๋ ์ฌ๊ธฐ์ ํฐ ๋ฌธ์ ๋ฅผ ๋ณธ ์ ์ด ์๊ธฐ ๋๋ฌธ์ ๊ฐ์ ๋ชจ์์ ์ ์ฉํ๋ ๊ฒ์ด ์ข์ต๋๋ค.
๋ง์ฐ์ค๋ฅผ ๊ฐ์ ธ๊ฐ๋ ํญ๋ชฉ๊ณผ ์ฒซ ๋ฒ์งธ ํญ๋ชฉ์ ์์์ด ์ง์ ๋ฉ๋๋ค.
@schobocop ํค๋ณด๋ ์ง์์ ์ํ ๊ฐ์กฐ ํ์๋ ํ์ํฉ๋๋ค. ์ด๊ฒ์ด ์ฒซ ๋ฒ์งธ ํญ๋ชฉ์ด ์ด๋ฏธ ๊ฐ์กฐ ํ์๋ ์ด์ ์
๋๋ค.
@ursula-wieshofer์์ ํ ๋ก ์์ ์ธ๊ธ๋ ๊ฒ์ฒ๋ผ ์ ํ๋จ๊ณผ ์ง์ค๋จ/ํธ๋ฒ๋ง ์ฌ์ด์ ๊ตฌ๋ถ์ ์ถ๊ฐํ ๊ฒ์
๋๋ค.
์ง๊ธ๊น์ง ์ฐ๋ฆฌ๋ ํธ๋ฒ์ ํค๋ณด๋ ํฌ์ปค์ค๋ฅผ ๊ตฌ๋ถํ์ง ์์์ต๋๋ค. ๋๋ ์ฌ๊ธฐ์ ํฐ ๋ฌธ์ ๋ฅผ ๋ณธ ์ ์ด ์๊ธฐ ๋๋ฌธ์ ๊ฐ์ ๋ชจ์์ ์ ์ฉํ๋ ๊ฒ์ด ์ข์ต๋๋ค.
@ursula-wieshofer ํค๋ณด๋ ์ ํ ์คํ์ผ๊ณผ ํธ๋ฒ๋ง ์คํ์ผ์ ๊ตฌ๋ถํด์ผ ํฉ๋๋ค. ํ์ฌ ๋ ๋ค ๋์ผํ๊ฒ ๊ฐ์กฐ ํ์๋ฉ๋๋ค.
์ฒซ ๋ฒ์งธ๋ ํค๋ณด๋๋ฅผ ํตํด ์ ํ๋๊ณ ๋ ๋ฒ์งธ๋ ๋ง์ฐ์ค ํธ๋ฒ๋ฅผ ํตํด ์ ํ๋ฉ๋๋ค.
์ฐธ๊ณ : ๋ซ๊ธฐ.
ํค๋ณด๋ ์ ํ ์ต์
์ ๋ฐ์ค์ ๊ธ๋ ๊ฒ์ด ํธ๋ฆญ์ผ ์ ์์ต๋๋ค.
์ฒซ ๋ฒ์งธ๋ ํค๋ณด๋๋ฅผ ์ฌ์ฉํ์ฌ ์ ํ๋ฉ๋๋ค.
๋ ๋ฒ์งธ๋ ํธ๋ฒ๋ง๋ฉ๋๋ค.
@ffriedl89 @tomheller @ursula-wieshofer ์ด๋ป๊ฒ ์๊ฐํ์ธ์?
์ ๋ฐ์ดํธ: Tom๊ณผ Fabian์ ๋์์ผ๋ก ์ฐ๋ฆฌ๋ ํ๋์ ์ต์ ๋ง ์ ํํด์ผ ํ๋ค๋ ๊ฒ์ ์์๋์ต๋๋ค. ๋ค๋ฅธ ์ต์ ์ ๊ฐ๋ฆฌํค๋ฉด ํค๋ณด๋ ์ ํ์ด ํด์ ๋๊ณ ๊ทธ ๋ฐ๋์ ๊ฒฝ์ฐ๋ ๋ง์ฐฌ๊ฐ์ง์ ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๋์ํฉ๋๋ค. ์ด๋ฏธ ๋๋ฌด ์ค๋ ์ฐ๊ธฐ๋์์ต๋๋ค. ์ ํํ ํญ๋ชฉ์ ํ์ํ๋ ๋งค์ฐ ์ธ๊ธฐ ์๋ ๋ฐฉ๋ฒ์ ๊ตต์ ๊ธ๊ผด์ ์ฌ์ฉํ๋ ๊ฒ์ ๋๋ค. ๊ทธ๋ฌ๋ฉด ๋ ์ด์ ํธ๋ฒ ์ํ(์ ๋ฐฐ๊ฒฝ)๋ฅผ ๋ฐฉํดํ์ง ์์ต๋๋ค. ํ์ฑ ์ํ๋ฅผ ๊ตต์ ๊ธ๊ผด๋ก ๋ณ๊ฒฝํด์ผ ํ๋ค๊ณ ์๊ฐํ์ญ๋๊น?