Search

UI μš”μ†Œ

이름
ν…μŠ€νŠΈ
기본적인 UI μš”μ†Œλ‘œ, μƒν˜Έμž‘μš©μ„ μœ„ν•œ 클릭 κ°€λŠ₯ν•œ μš”μ†Œμž…λ‹ˆλ‹€.
μ‚¬μš©μž μž…λ ₯을 λ°›κΈ° μœ„ν•œ 기본적인 ν•„λ“œμž…λ‹ˆλ‹€.
μ—¬λŸ¬ μ˜΅μ…˜ 쀑 닀쀑 선택이 ν•„μš”ν•œ 경우 μ‚¬μš©ν•©λ‹ˆλ‹€.
단일 μ˜΅μ…˜ 선택을 μ œκ³΅ν•˜λŠ” UI μš”μ†Œμž…λ‹ˆλ‹€.
μ—¬λŸ¬ μ€„μ˜ ν…μŠ€νŠΈ μž…λ ₯을 μ§€μ›ν•˜λŠ” ν•„λ“œμž…λ‹ˆλ‹€.
μ˜΅μ…˜μ„ 숨기고 클릭 μ‹œ νŽΌμ³μ§€λŠ” λ©”λ‰΄μž…λ‹ˆλ‹€.
λ‘œλ”© μƒνƒœλ₯Ό λ‚˜νƒ€λ‚΄κ±°λ‚˜ κ°’ 쑰정에 μ‚¬μš©ν•©λ‹ˆλ‹€.
값을 μ‘°μ •ν•  수 μžˆλŠ” λ“œλž˜κ·Έ κ°€λŠ₯ν•œ μ»¨νŠΈλ‘€μž…λ‹ˆλ‹€.
μΆ”κ°€ 정보λ₯Ό ν‘œμ‹œν•˜λŠ” νŒμ—… μ°½μž…λ‹ˆλ‹€.
두 μƒνƒœ κ°„μ˜ μ „ν™˜μ„ λ‚˜νƒ€λ‚΄λŠ” μŠ€μœ„μΉ˜μž…λ‹ˆλ‹€.
μ—¬λŸ¬ μ½˜ν…μΈ λ₯Ό νƒ­μœΌλ‘œ κ΅¬λΆ„ν•˜μ—¬ ν‘œμ‹œν•˜λŠ” μš”μ†Œμž…λ‹ˆλ‹€.
클릭 μ‹œ νŽΌμ³μ§€λŠ” μ½˜ν…μΈ  μ˜μ—­μž…λ‹ˆλ‹€.
μž‘μ—… 진행 μƒνƒœλ₯Ό μ‹œκ°μ μœΌλ‘œ λ‚˜νƒ€λ‚΄λŠ” λ°”μž…λ‹ˆλ‹€.
μ•„μ΄μ½˜ μ˜†μ— μΆ”κ°€ μ •λ³΄λ‚˜ μ•Œλ¦Όμ„ ν‘œμ‹œν•©λ‹ˆλ‹€.
μ‹œκ°μ  ν‘œν˜„μ„ μœ„ν•œ μž‘μ€ κ·Έλž˜ν”½μž…λ‹ˆλ‹€.
이미지λ₯Ό κ·Έλ¦¬λ“œ λ˜λŠ” μŠ¬λΌμ΄λ“œ ν˜•νƒœλ‘œ λ³΄μ—¬μ£ΌλŠ” κ΅¬μ„±μž…λ‹ˆλ‹€.
μ‚¬μš©μž ν”Όλ“œλ°±μ΄λ‚˜ μƒν˜Έμž‘μš©μ„ μœ„ν•œ μ˜μ—­μž…λ‹ˆλ‹€.
μ›Ήμ‚¬μ΄νŠΈμ˜ 링크λ₯Ό ν¬ν•¨ν•˜λŠ” λ©”λ‰΄μž…λ‹ˆλ‹€.
μ½˜ν…μΈ λ₯Ό λ‹΄λŠ” μ»¨ν…Œμ΄λ„ˆμž…λ‹ˆλ‹€.
상단에 κ³ μ •λœ κ΄‘κ³ λ‚˜ λ©”μ‹œμ§€μž…λ‹ˆλ‹€.
λ‚ μ§œ 선택 λ˜λŠ” ν‘œμ‹œλ₯Ό μœ„ν•œ μΈν„°νŽ˜μ΄μŠ€μž…λ‹ˆλ‹€.
데이터λ₯Ό ν–‰κ³Ό μ—΄λ‘œ μ •λ¦¬ν•˜μ—¬ ν‘œμ‹œν•˜λŠ” μš”μ†Œμž…λ‹ˆλ‹€.