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