Alt 속성 (Alt Attribute) Alt 속성, 또는 대체 텍스트(Alternative Text)는 HTML에서 이미지 태그(<img>)에 사용되는 속성으로, 이미지의 의미와 내용을 설명하는 텍스트를 제공하는 역할을 합니다. 이 속성은 이미지가 로드되지 않거나 접근성 도구(스크린 리더 등)를 사용하는 사용자들에게 중요한 정보를…
모달 (Modal) 모달은 사용자의 주의를 특정 작업 또는 내용에 집중시키기 위해 주로 사용되는 대화형 UI 요소입니다. 사용자가 모달 내의 정보를 주시하거나 요구되는 작업을 완료하도록 강제하기도 합니다. 웹 브라우저에서 자체적으로 제공하는 모달 얼럿도 있지만, 경우에…
적응형 웹(Adaptive Web) 적응형 웹은 웹사이트를 다양한 화면 크기와 장치에 맞게 최적화하는 웹 디자인 접근법입니다. 적응형 웹 디자인은 다양한 미리 정의된 화면 크기 (일반적으로 스마트폰, 태블릿, 데스크탑 등의 기기를 대표하는)에 대해 개별적으로 최적화된 레이아웃을 생성합니다.…
모바일 퍼스트(Mobile First) 모바일 퍼스트는 웹사이트나 애플리케이션을 설계할 때, 먼저 모바일 환경을 고려하고 그 이후에 더 큰 화면(태블릿, 데스크탑 등)을 위한 설계를 확장하는 방법론입니다. 이는 현대의 인터넷 사용 패턴에서 모바일 디바이스의 중요성이 계속해서 증가하고 있음을…
콘택트 폼(Contact Form) 콘택트 폼(Contact Form)은 웹사이트나 웹 애플리케이션에서 사용자가 메시지를 보낼 수 있는 폼입니다. 사용자는 폼을 통해 이름, 이메일, 전화번호, 메시지 내용 등과 같은 정보를 입력하여 웹사이트의 관리자나 소유자에게 메시지를 전송할 수 있습니다. 콘택트…
슬라이더(Slider) 슬라이더(Slider)는 사용자가 값을 선택하거나 조절할 수 있는 가로 또는 세로 방향의 바 형태를 가지는 컴포넌트입니다. 슬라이더를 사용하면 사용자가 범위 내에서 값을 선택하거나 설정할 수 있습니다.웹에서는 Range 타입의 인풋으로 사용됩니다. 사용 예시: 볼륨…
툴팁(Tooltip) 툴팁(Tooltip)은 웹 애플리케이션 또는 웹사이트에서 사용되는 사용자 인터페이스 요소로, 마우스를 해당 요소 위로 이동할 때 나타나는 작은 정보나 설명을 제공하는 도구입니다. 주로 추가 설명이 필요한 요소에 사용되며, 사용자가 요소에 대한 추가 정보를…
라디오 버튼(Radio Button) 라디오 버튼(Radio Button)은 사용자가 여러 옵션 중 하나의 선택지만 선택할 수 있도록 제공하는 입력 요소입니다. 사용자가 단일 항목만 선택할 수 있는 상황에 주로 사용되며, 여러 개를 중복 선택할 수 있는 체크박스와는 다른…
체크박스(Checkbox) 체크박스(Checkbox)는 웹 또는 앱 개발에서 사용자가 하나 이상의 옵션을 선택할 수 있는 입력 요소로, 동의, 선택, 허용 등의 선택 사항을 표시하는 데 사용됩니다. 각 옵션을 선택하거나 해제할 수 있으며, 여러 체크박스를 그룹으로…
인풋 (Input) 인풋(Input)은 웹 개발에서 사용자에게 정보를 입력받기 위한 상자나 필드를 의미합니다. 다양한 유형의 정보를 입력할 수 있도록 설계된 요소로, 사용자로부터 텍스트, 숫자, 선택 옵션 등을 입력받거나 선택할 수 있게 도와주는 역할을 합니다. 인풋…
파비콘 (Favicon) 파비콘(Favicon)은 웹사이트의 아이콘을 나타내는 작은 그래픽 파일이다. 이 아이콘은 주로 브라우저의 주소창, 북마크 목록, 개방된 탭 등에서 웹사이트를 식별하는데 사용된다. 사용 예시 웹사이트의 브랜드를 나타내거나, 사용자가 웹사이트를 쉽게 인식하고 탐색할 수 있도록…
데이트 피커(Date Pickers) 데이트 피커(Date Picker)는 사용자가 날짜를 쉽게 선택하도록 돕는 UI 요소입니다. 달력 형태의 인터페이스를 통해 사용자는 특정 날짜를 선택할 수 있으며, 이를 통해 입력 오류를 줄이고 편리하게 날짜를 지정할 수 있습니다. 데이트 피커는…
pt (Point) PT (Point)는 디자인에서 자주 사용되는 단위로, 일반적으로 화면의 물리적 크기에 의존합니다. 주로 iOS에서 사용하는 단위이며, 1pt는 약 1/72 인치로 정의됩니다. PT는 디바이스의 화면 크기나 해상도에 상관없이 일관된 물리적 크기를 유지할 수 있어…