맨위로가기

사이트 이동 경로

"오늘의AI위키"는 AI 기술로 일관성 있고 체계적인 최신 지식을 제공하는 혁신 플랫폼입니다.
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.
목차

1. 개요

사이트 이동 경로는 웹사이트나 소프트웨어 내에서 사용자의 현재 위치를 표시하고, 이전 페이지로 쉽게 이동할 수 있도록 돕는 탐색 도구이다. 위치, 속성, 경로의 세 가지 유형이 있으며, 빵 부스러기 경로라고도 불린다. 빵 부스러기는 일반적으로 가로로 표시되며, 웹사이트의 머리글이나 네비게이션 아래에 배치된다. 빵 부스러기는 사용자가 웹사이트 내에서 자신의 위치를 파악하고 원하는 페이지로 빠르게 이동하는 데 유용하지만, 복잡한 사이트에서는 단일 분류만으로는 콘텐츠를 완전히 설명하기 어려울 수 있다. "빵 부스러기"라는 명칭은 헨젤과 그레텔 동화에서 유래되었으며, '쿠키 크럼' 또는 '아리아드네의 실'이라는 용어로도 사용된다.

더 읽어볼만한 페이지

  • 음식에 대한 비유 - 빵과 서커스
    빵과 서커스는 로마 제국 정치인들이 시민의 불만을 무마하고 권력을 유지하기 위해 정치적 권리 대신 식량과 오락을 제공하여 정치적 무관심을 유도한 정책을 풍자하는 표현으로, 현대 사회에서도 대중의 관심을 돌리려는 정책을 비판할 때 사용된다.
  • 음식에 대한 비유 - 체리 피킹
    체리 피킹은 유리한 정보만 선택하고 불리한 정보는 무시하는 행위로, 다양한 분야에서 특정 입장을 옹호하거나 반대하는 데 사용되는 오류이다.
  • 사용자 인터페이스 - 로그인
    로그인은 특정 페이지, 웹사이트 또는 응용 프로그램에 접근하기 위해 사용자 이름과 암호를 입력하여 시스템에 접근하는 절차이며, 1960년대 시분할 시스템과 1970년대 BBS에서 사용되기 시작했다.
  • 사용자 인터페이스 - 키넥트
    키넥트는 마이크로소프트에서 개발한 동작 인식 장치로, 적외선 프로젝터와 센서를 사용하여 사용자의 움직임과 음성을 인식하며, Xbox용으로 출시되어 큰 인기를 얻었지만 개인정보 보호 문제 등으로 판매가 부진하여 생산이 중단되었고, 다양한 분야에서 활용되며 기술적 가치를 인정받아 클라우드 기반 Azure Kinect로 이어졌으나 단종되었다.
사이트 이동 경로
개요
정의사용자가 웹사이트나 애플리케이션 내에서 현재 위치를 파악하고, 상위 페이지로 쉽게 돌아갈 수 있도록 돕는 탐색 보조 수단이다.
일반적으로 페이지 상단에 가로로 표시되며, 현재 페이지까지의 경로를 계층적으로 보여준다.
목적사용자 경험 향상 및 웹사이트 탐색 편의성 증진
명칭
한국어사이트 이동 경로, 빵 부스러기
영어Breadcrumb trail (브레드크럼 트레일), Breadcrumb navigation (브레드크럼 네비게이션)
일본어パンくずリスト (팡쿠즈 리스토)
어원헨젤과 그레텔 동화에서 헨젤이 길을 찾기 위해 뿌린 빵 부스러기에서 유래
디자인 및 기능
위치일반적으로 페이지 상단 (제목 표시줄 아래 또는 콘텐츠 영역 위)
형태계층 구조를 나타내는 화살표 (>) 또는 슬래시 (/)로 구분된 링크 목록
"홈 > 카테고리 > 하위 카테고리 > 현재 페이지" 와 같은 형식
링크각 항목은 상위 페이지로 연결되는 링크 제공
현재 페이지는 링크가 아닌 텍스트로 표시
종류경로 기반 (Path-based): 사용자가 거쳐온 페이지 순서대로 표시
위치 기반 (Location-based): 웹사이트의 계층 구조를 기반으로 현재 페이지의 위치를 표시
속성 기반 (Attribute-based): 현재 페이지의 속성 (예: 카테고리, 태그)을 기반으로 표시
장점
사용자 경험웹사이트 탐색 용이성 증가
현재 위치 파악 용이성 증가
이탈률 감소
SEO검색 엔진 최적화 (SEO)에 도움
웹사이트 구조를 검색 엔진에 효과적으로 전달
내부 링크 구조 개선
단점
디자인복잡한 웹사이트 구조에서는 시각적으로 복잡해질 수 있음
공간페이지 상단 공간을 차지
정보 과부하불필요한 정보 제공으로 사용자 혼란을 야기할 수 있음
구현 방법
HTML`HTML` 목록 (`
    `, `
CSS`CSS` 스타일을 사용하여 시각적 표현 조정
JavaScript`JavaScript` 를 사용하여 동적 기능 추가 (예: 현재 페이지 강조)

2. 종류

웹 사이트 이동 경로에는 세 가지 유형이 있다.[4][5]


  • 위치: 위치 이동 경로는 정적이며, 웹사이트 계층 구조에서 현재 페이지의 위치를 표시한다.
  • 속성: 속성 이동 경로는 현재 페이지를 분류하는 정보를 제공한다.
  • 경로: 경로 이동 경로는 사용자가 현재 페이지에 도달하기 위해 거친 단계를 보여준다.


빵 부스러기 경로는 다음의 세 종류가 있다.

; 경로형: 해당 페이지에 어떤 경로로 도달했는지 나타낸다. 동적으로, 같은 페이지라도 도달하기까지의 경로가 다르면 목록도 달라진다.

; 위치형: 해당 페이지가 웹사이트의 계층 구조 어디에 위치하는지 나타낸다. 정적이며, 도달하기까지의 경로가 달라도 같은 페이지라면 목록도 동일하다.

; 속성형: 해당 페이지가 어떤 속성으로 분류되어 있는지 나타낸다.

2. 1. 경로형 (Path-based)

경로형은 사용자가 웹사이트 내에서 실제로 이동한 경로를 그대로 보여주는 방식이다. 동일한 페이지라도 사용자가 어떤 경로를 거쳐왔는지에 따라 다르게 표시된다. 이는 동적인 형태로, 사용자의 이동 경로에 따라 빵 부스러기 목록이 달라지는 특징을 갖는다.

2. 2. 위치형 (Location-based)

위치형 빵 부스러기 경로는 웹사이트의 계층 구조를 기반으로 현재 페이지의 위치를 표시한다. 사용자가 어떤 경로로 페이지에 도달했는지와 관계없이 항상 동일하게 표시되는 정적인 방식이다.

2. 3. 속성형 (Attribute-based)

속성형 빵 부스러기 경로는 현재 페이지가 어떤 속성 또는 카테고리에 속하는지 보여준다.

3. 사용

사이트 이동 경로는 일반적으로 가로로 표시되며, 처음 화면에서 현재 화면까지 이르는 경로를 다음과 같이 표시해 준다.

처음 화면 → 주 메뉴 → 부 메뉴 → '''현재 메뉴'''

빵 부스러기는 일반적으로 웹사이트의 머리글 또는 네비게이션 아래 가로 형태로 배치된다.[3] 사용자는 빵 부스러기 링크를 클릭하여 이전 페이지 또는 상위 페이지로 쉽게 이동할 수 있다.

각 경로 부분에 자체 드롭다운 메뉴가 있고, 윈도우 탐색기에서 수행하는 것처럼 드래그 앤 드롭 지원과 함께 구현될 수 있다.

3. 1. 웹사이트

웹사이트에서 사이트 이동 경로는 일반적으로 가로로 표시되며, 제목 표시줄이나 머리글 아래에 위치한다. 사용자가 현재 페이지에 도달하기까지 거쳐온 각 이전 페이지 또는 계층 구조상 상위 페이지로 돌아갈 수 있는 링크를 제공한다. '>' 기호나 다른 그래픽 아이콘을 사용하여 계층을 구분한다.

일반적으로 다음과 같은 형태로 표시된다.

처음 화면 → 주 메뉴 → 부 메뉴 → '''현재 메뉴'''

3. 2. 소프트웨어

일부 파일 관리자는 빵 부스러기 탐색 기능을 제공하여 사용자가 폴더 구조를 쉽게 탐색할 수 있도록 돕는다. 예를 들어 리눅스 민트의 네모, 윈도우 탐색기 (윈도우 비스타 이후), 파인더 (매킨토시 운영 체제), GNOME의 노틸러스, KDE의 돌핀, Xfce의 투나, MATE의 카야 등이 있다. 이들 파일 관리자는 대부분 주소 표시줄을 대체하거나 확장하여 브레드크럼 탐색을 지원한다.

4. 유용성

빵 부스러기는 사용자가 웹사이트나 애플리케이션 내에서 자신의 위치를 쉽게 파악하고, 원하는 페이지로 빠르게 이동할 수 있도록 돕는 유용한 탐색 도구이다. 하지만, 위치형 빵 부스러기는 콘텐츠가 풍부하고 복잡한 사이트에서는 단일 분류만으로는 콘텐츠를 완전히 설명하기 어려울 수 있다.[7] 예를 들어 아마존(Amazon.co.jp)과 같이 검색 기반 탐색 패러다임을 채택하는 사이트가 이에 해당한다. 이러한 경우에는 태그가 더 적합할 수 있지만, 사용자가 자신의 단계를 되짚어보고 현재 페이지에 어떻게 도착했는지 확인할 수 있도록 이동 경로를 계속 사용할 수도 있다. 경로형 빵 부스러기는 브라우저의 '뒤로' 기능이나 브라우저의 히스토리와 기능이 중복된다는 비판이 있다.

5. 기타

"빵 부스러기"라는 명칭은 동화 《헨젤과 그레텔》에서 유래되었으며, 사용자가 지나온 경로를 표시한다는 의미를 담고 있다.[6] '쿠키 크럼(cookie crumb)'이라는 용어로도 사용되지만, 이는 웹사이트 방문 기록을 저장하는 'HTTP 쿠키'와는 다른 개념이다.

프랑스어와 스페인어에서는 '아리아드네의 실'이라는 표현도 사용되는데,[6] 이는 그리스 신화에서 테세우스가 미노타우로스를 죽인 후 미궁을 탈출할 때 사용한 실타래에서 유래한 것이다.[6] 미시간 커뮤니티 칼리지의 가상 학습 협력체는 "내비게이션 경로"라는 용어를 사용하며, 일부 드루팔 사용자들도 이 용어를 사용한다.

참조

[1] 웹사이트 'Breadcrumb Navigation {{!}} Spidergems' https://spidergems.c[...] 2018-04-27
[2] 웹사이트 16 Important Do's and Don'ts of Effective Web Design http://www.designtor[...] Design Toronto Web 2012-06-04
[3] 웹사이트 Everything You Need To Know About Breadcrumbs https://www.brandsma[...] 2018-10-26
[4] 웹사이트 Breadcrumbs In Web Design: Examples And Best Practices https://www.smashing[...] 2009-03-17
[5] 웹사이트 Breadcrumb Navigation: Good for Website Usability or Not? http://blog.usabilla[...] 2016-09-28
[6] 웹사이트 Fil d'Ariane - Breadcrumb - Système de Design de l'État https://www.systeme-[...] 2024-09-13
[7] 웹사이트 パンくずリストとは【breadcrumbs list;】（ブレッドクラム） - 意味/解説/説明/定義 ： IT用語辞典 http://e-words.jp/w/[...]


본 사이트는 AI가 위키백과와 뉴스 기사,정부 간행물,학술 논문등을 바탕으로 정보를 가공하여 제공하는 백과사전형 서비스입니다.
모든 문서는 AI에 의해 자동 생성되며, CC BY-SA 4.0 라이선스에 따라 이용할 수 있습니다.
하지만, 위키백과나 뉴스 기사 자체에 오류, 부정확한 정보, 또는 가짜 뉴스가 포함될 수 있으며, AI는 이러한 내용을 완벽하게 걸러내지 못할 수 있습니다.
따라서 제공되는 정보에 일부 오류나 편향이 있을 수 있으므로, 중요한 정보는 반드시 다른 출처를 통해 교차 검증하시기 바랍니다.

문의하기 : help@durumis.com