웹사이트를 구성하는 요소들에 대해 알아보자

웹사이트를 구성하는 요소들에 대해 알아보자

웹사이트를 구성하고 있는 요소들에 대해 정리해 보도록 합니다. 많은 클라이언트와 소통하기위해서는 그들이 인식하고 있는  용어와 실무에서 사용하는 용어에 대한 차이를 인지하고 대하는것이 도움이 많이 되는 것은 당연하다는것을 알고 있을 것이라 생각하며,  이는 클라이언트가 원하는 사항을 개발자와 소통하기 위해서는 필수요소 입니다.

• 버튼(button):
  동작이나 명령을 수행하는 클릭 가능한 요소를 말합니다.
• 스크롤바(scrollbar):
  사용자가 길고 큰 콘텐츠 영역을 스크롤할 수 있는 그래픽 요소입니다.
• 메뉴(menu):
  사용자가 선택할 수 있는 옵션 또는 명령 목록이라 하기도하며 웹사이트 내에서 선택하거나 액세스할수 있는 항목의 목록 또는 그룹을 가리키는특정 용어 입니다.
• 내비게이션(navigation):
  사용자가 웹사이트에서 길을 찾을 수 있도록 도와주는 링크와 메뉴 시스템을 통틀어 말합니다.
• 브레드크럼(breadcrumb):
  웹사이트 내에서 사용자의 현재 위치와 경로를 보여주는 보조 네비게이션입니다.
• 드롭다운(drop-down):
  사용자가 클릭하면 확장되는 메뉴로 더 많은 옵션이나 하위 메뉴가 표시됩니다
• 사이드바(sidebar):
  주요 내용 영역과 관련된 추가 정보나 특징을 표시하는 세로 형태로 표시해주는 부분을 지칭합니다.
• 체크박스(checkbox):
  사용자가 선택 또는 선호도를 표시하기 위해 선택하거나 선택을 취소할 수 있는 작은 사각형의 박스 또는 동그라미 형태를 지니고 있는 형태를 말합니다.
• 탭(tab):
  내용 영역을 다른 섹션 또는 뷰로 나누는 수평 또는 수직의 형태로 구현된 부분을 지칭합니다.
• 헤더(header):
  보통 로고, 메인 네비게이션 및 기타 정보를 포함하는 웹 페이지의 맨 위 부분을 말합니다.
• 푸터(footer):
  보통 저작권, 2차 탐색 및 기타 정보를 포함하는 웹 페이지의 하단 부분을 말합니다.
• 배너(banner):
  웹페이지 안에 고정적으로 광고, 공고, 홍보 등을 표시하는 직사각형 영역을 말합니다.
• 모달(modal):
  현재 페이지 상단에 나타나는 팝업 창으로, 진행 전 사용자 상호작용이 필요합니다.
• 토글(toggle):
  사용자가 슬라이드하거나 클릭하여 옵션을 켜거나 끌 수 있는 스위치를 말합니다.
• 카드(card):
  정보나 내용의 요약을 정리하여 표시하는 직사각형 요소을 말 합니다.