사이드바(sidebar)는 그래픽 사용자 인터페이스(GUI) 요소의 하나로, 응용 프로그램 창이나 데스크톱 사용자 인터페이스의 좌측 또는 우측 측면에 다양한 형식의 정보를 표시하는 데 사용된다. 컴퓨팅 분야에서 널리 사용되는 개념이며, 웹사이트 디자인에서도 보편적으로 활용된다.
개요
사이드바는 주 화면 콘텐츠 영역 외부에 위치하여 보조적인 정보나 기능을 제공하는 역할을 한다. 데스크톱 환경, 웹 브라우저, 파일 관리자, 문서 편집기 등 여러 소프트웨어에서 찾아볼 수 있다.
종류와 용도
데스크톱 사이드바
운영체제의 데스크톱 화면 가장자리에 위치하여 시계, 날씨, 시스템 모니터, 캘린더 등의 위젯(애플릿)을 표시한다. 대표적인 예로는 마이크로소프트 윈도우의 윈도우 사이드바(Windows Sidebar, 윈도우 비스타에 포함), 구글 데스크톱의 사이드바, 그리고 다양한 서드파티 데스크톱 사이드바 애플리케이션이 있다. 이러한 사이드바에서 실행되는 소형 애플리케이션은 구현체에 따라 "위젯(widget)", "데스크렛(desklet)", "가젯(gadget)" 등으로 불린다.
응용 프로그램 창 사이드바
특정 응용 프로그램 내에서 기능 탐색이나 설정 변경을 위해 사용된다. 예를 들어 오페라(Opera) 웹 브라우저, 윈도우 탐색기(Windows Explorer), 어도비 포토샵(Adobe Photoshop) 등에서 사이드바가 활용된다. 문서 편집기인 오픈오피스 라이터(OpenOffice Writer)에서는 문서의 속성 정보를 오른쪽 사이드바에 표시하기도 한다.
웹사이트 사이드바
웹사이트 레이아웃에서 목차, 광고 배너, 인기 게시물 목록, 연관 콘텐츠, 추천 상품, 카테고리 메뉴 등과 같은 보조 콘텐츠를 배치하는 데 사용된다. 일반적으로 본문 영역의 좌측이나 우측에 위치하며, 사이트 디자인과 구성에 따라 위치가 결정된다. 콘텐츠 관리 시스템(CMS)인 워드프레스(WordPress)나 블로그 플랫폼인 티스토리(Tistory) 등에서도 사이드바를 손쉽게 추가하고 편집할 수 있는 기능을 제공한다.
위키백과 사이드바
미디어위키(MediaWiki) 기반의 위키에서 사이드바는 탐색 링크가 포함된 열을 가리키며, 기본적으로 좌측에 위치한다. 위키백과에서는 {{사이드바}} 틀을 이용하여 문서 내에 세로 방향의 탐색 상자를 생성할 수 있으며, 일반적으로 문서의 오른쪽에 배치된다.
macOS에서의 사이드바
macOS 기반의 많은 데스크톱 응용 프로그램에서는 일반적인 사이드바와 달리, 창 내부에서 확장되는 형태가 아니라 별도의 창을 꺼내는 서랍(drawer) 형태의 인터페이스가 사용되기도 한다.
참고 자료
- 위키백과 "사이드바" 문서 (https://ko.wikipedia.org/wiki/사이드바)
- Wikipedia "Sidebar (computing)" (https://en.wikipedia.org/wiki/Sidebar_(computing))
- MediaWiki "사이드바" (https://www.mediawiki.org/wiki/Sidebar/ko)
