모달 (Modal) 모달은 사용자의 주의를 특정 작업 또는 내용에 집중시키기 위해 주로 사용되는 대화형 UI 요소입니다. 사용자가 모달 내의 정보를 주시하거나 요구되는 작업을 완료하도록 강제하기도 합니다. 웹 브라우저에서 자체적으로 제공하는 모달 얼럿도 있지만, 경우에…
콘택트 폼(Contact Form) 콘택트 폼(Contact Form)은 웹사이트나 웹 애플리케이션에서 사용자가 메시지를 보낼 수 있는 폼입니다. 사용자는 폼을 통해 이름, 이메일, 전화번호, 메시지 내용 등과 같은 정보를 입력하여 웹사이트의 관리자나 소유자에게 메시지를 전송할 수 있습니다. 콘택트…
슬라이더(Slider) 슬라이더(Slider)는 사용자가 값을 선택하거나 조절할 수 있는 가로 또는 세로 방향의 바 형태를 가지는 컴포넌트입니다. 슬라이더를 사용하면 사용자가 범위 내에서 값을 선택하거나 설정할 수 있습니다.웹에서는 Range 타입의 인풋으로 사용됩니다. 사용 예시: 볼륨…
라디오 버튼(Radio Button) 라디오 버튼(Radio Button)은 웹 개발에서 사용되는 입력 요소 중 하나로, 사용자가 여러 옵션 중 하나만 선택할 수 있는 버튼을 의미합니다. 라디오 버튼은 주로 선택지가 여러 개 있을 때, 사용자가 단 하나의 옵션만…
체크박스(Checkbox) 체크박스(Checkbox)는 웹 개발에서 사용되는 입력 요소 중 하나로, 사용자가 하나 이상의 옵션을 선택할 수 있는 상자를 의미합니다. 체크박스는 주로 사용자가 동의, 선택, 허용 등의 선택 사항을 선택하거나 해제할 때 사용됩니다. 사용 예시…
데이트 피커(Date Pickers) 데이트 피커는 사용자가 날짜를 선택하도록 돕는 사용자 인터페이스 요소다. 이를 통해 사용자는 달력 형태의 UI를 통해 특정 날짜를 쉽게 선택할 수 있다. 사용 예시 데이트 피커는 예약 시스템, 이벤트 생성, 생일 입력…
다이어로그(Dialogs) 다이어로그는 사용자의 주의를 요구하거나 선택을 하도록 유도하는 UI 컴포넌트이다. 이는 앱의 주요 콘텐츠 위에 나타나며, 사용자가 선택사항을 확인하거나 특정 작업을 완료하기 전에 추가 정보를 제공한다. 사용 예시 다이어로그는 사용자가 앱에서 민감한 작업을…
스낵바(Snackbars) 스낵바(Snackbars)는 안드로이드 UI에서 잠깐 나타났다가 사라지는 짧은 메시지를 보여주는 컴포넌트로, 사용자에게 앱의 상태나 작업의 결과를 간결하게 전달하는데 사용된다. 이는 화면 하단에 일시적으로 나타나며, 보통 일정 시간이 지나거나 사용자가 액션을 취하면 사라진다. 사용…
App Bar App Bar는 안드로이드 앱에서 사용자 인터페이스의 중요한 요소로, 화면 상단에 위치하며 사용자에게 앱 이름, 네비게이션, 액션 등을 표시한다. 이는 사용자에게 현재 어떤 화면에 위치해 있는지를 명확하게 보여주고, 사용자가 앱 내에서 쉽게 이동하거나…
sp (Scale-independent Pixels) SP (Scale-independent Pixels)는 텍스트 크기를 결정하는데 주로 사용되는 단위로, 안드로이드 환경에서 많이 사용된다. SP는 DP와 매우 유사하지만, 추가적으로 사용자의 글꼴 크기 설정에 따라 크기가 조절되는 특징을 가지고 있다. 안드로이드에서는 디바이스의 화면 크기와…
dpi, ppi 이미지의 해상도를 표현하는 단위. PPI PPI는 Pixels Per Inch로 1인치당 얼마나 많은 픽셀이 들어가느냐로 PC, Mobile 등 다양한 디지털 스크린에 대한 단위. DPI DPI는 Dots Per Inch로 1인치당 얼마나 많은 점으로 표현되는지로…