콘텐츠로 건너뛰기

캔버스 탐색 및 제어

캔버스 설정 패널은 Customer Journey 캔버스에서 요소를 이동, 확대/축소 및 선택하는 방법을 제어합니다. 캔버스 오른쪽 하단에 있는 톱니바퀴 아이콘을 클릭하여 열 수 있습니다.

Journey 캔버스 오른쪽 하단에서 캔버스 설정을 여는 톱니바퀴 아이콘

사용 가능한 제어 방식

Anchor link to

제어 방식은 캔버스 동작의 사전 설정 묶음입니다. 왼쪽 버튼 드래그의 기능, 스크롤 휠의 기능, 새 단계의 그리드 맞춤 여부 등을 정의합니다. 패널 상단의 제어 방식 드롭다운에서 하나를 선택하세요.

모던 (권장)클래식
캔버스에서 왼쪽 버튼 드래그영역 선택캔버스 이동
스크롤 휠 및 트랙패드트랙패드는 캔버스를 이동하고 마우스 휠은 확대/축소합니다 (장치 자동 감지)스크롤 휠로 캔버스 확대/축소
확대/축소Ctrl/ + 스크롤, 트랙패드 핀치, 마우스 휠스크롤 휠
그리드에 맞추기켜기끄기

기존 계정은 이미 사용하던 방식을 유지하며, 새 계정은 모던으로 시작합니다. 드롭다운 아래의 개별 설정(드래그 모드, 휠 모드, 반전 토글, 그리드에 맞추기)을 변경하면 드롭다운이 사용자 지정 설정으로 전환됩니다. 사전 설정을 다시 선택하면 모든 설정이 기본값으로 재설정됩니다.

제어 방식, 드래그 모드, 휠 모드 및 반전 토글이 있는 캔버스 설정 패널

이동 및 확대/축소 구성 방법

Anchor link to

제어 방식 아래의 두 드롭다운을 사용하여 사전 설정과 별개로 이동 및 확대/축소를 미세 조정할 수 있습니다:

  • 캔버스에서 왼쪽 버튼 드래그: 마우스 왼쪽 버튼으로 드래그할 때 선택 사각형을 그릴지(영역 선택) 또는 캔버스를 이동할지(캔버스 이동) 선택합니다.
  • 스크롤 휠 및 트랙패드: 자동 감지(트랙패드 스크롤은 캔버스를 이동하고 마우스 휠은 확대/축소), 장치에 관계없이 항상 이동하는 캔버스 이동(트랙패드), 또는 항상 확대/축소하는 **캔버스 확대/축소(마우스 휠)**를 선택합니다.

두 개의 토글은 macOS의 “자연스러운 스크롤” 환경설정에 대한 기본 방향을 반전시킵니다:

  • 스크롤 방향 반전은 트랙패드/휠 이동 방향을 뒤집습니다.
  • 휠 확대/축소 반전은 일반 마우스 휠 확대/축소 방향만 뒤집습니다. Ctrl/ + 스크롤이나 트랙패드 핀치 제스처에는 영향을 주지 않는데, 이는 별도의 바인딩이며 어떤 OS도 핀치 제스처를 반전시키지 않기 때문입니다.

휠 확대/축소 반전 툴팁: Ctrl 또는 Cmd + 스크롤 또는 핀치 제스처에 영향을 주지 않음

방식에 관계없이 Space + 드래그, 마우스 오른쪽 버튼 드래그 또는 마우스 가운데 버튼으로 항상 이동할 수 있으며, Ctrl/ + 스크롤 또는 트랙패드 핀치로 커서 위치를 확대/축소할 수 있습니다.

그리드에 맞추기는 단계를 드래그할 때와 새 단계를 추가할 때 모두 적용됩니다. 단계가 겹치지 않도록 가장 가까운 빈 셀에 맞춰집니다. 이 기능을 끄면 단계를 자유롭게 배치할 수 있습니다.

캔버스 키보드 단축키

Anchor link to

패널의 마우스 및 키보드 섹션에는 모든 캔버스 단축키가 캔버스, 선택, 작업의 세 탭으로 그룹화되어 나열됩니다. 단축키는 현재 드래그 및 휠 설정과 OS에 따라 조정됩니다(macOS에서는 //, 그 외에는 Ctrl/Shift/Del).

일반적인 캔버스 단축키:

작업단축키
확대 / 축소Ctrl/ + / Ctrl/
100%로 확대/축소Ctrl/ 0
화면에 맞추기Shift 1
미니맵 토글Shift M
UI 표시/숨기기Ctrl/ \
전체 선택 / 선택 해제Ctrl/ A / Esc
단계 복제Ctrl/ D

미니맵 사용 방법

Anchor link to

미니맵은 전체 Journey의 개요를 제공하고 Journey의 어느 부분이든 빠르게 이동할 수 있는 방법을 제공합니다. 캔버스 오른쪽 하단, 확대/축소 컨트롤 위에 위치하며 모든 단계를 색상 점(그룹별로 색상 지정)으로 표시하고 각 연결은 실제 경로를 따라 화살표로 그려집니다. 사각형은 현재 캔버스에 보이는 영역을 표시합니다. UI 숨기기 모드에서도 계속 표시됩니다.

확대/축소 컨트롤 옆의 버튼이나 Shift + M 단축키로 미니맵을 토글할 수 있으며, 선택 사항은 이 브라우저에 기억됩니다.

  • 미니맵의 아무 곳이나 클릭하면 캔버스가 해당 지점을 중심으로 이동합니다.
  • 뷰포트 사각형을 드래그하여 캔버스를 이동합니다.
  • 미니맵 위에서 스크롤하여 캔버스를 확대 및 축소합니다. 이 기능은 휠 확대/축소 반전 설정을 따릅니다.

미니맵의 빨간색 배지는 아직 구성이 필요한 단계 수를 보여줍니다. 이는 정보 제공용이며 클릭할 수 없습니다.

구성되지 않은 단계를 보여주는 배지가 있는 Journey 캔버스 모서리의 미니맵

더 큰 Journey에서는 배지와 고리 모양의 점을 통해 캔버스를 스크롤하지 않고도 주의가 필요한 단계를 쉽게 찾을 수 있습니다:

두 개의 구성되지 않은 단계가 빨간색으로 둘러싸인 더 크고 분기된 Journey의 미니맵

UI 표시/숨기기 기능

Anchor link to

Ctrl/ + \를 눌러 헤더, 사이드바 및 모든 버튼을 숨기고 프레젠테이션이나 스크린샷을 위한 깔끔한 캔버스를 남길 수 있습니다. 동일한 조합을 다시 누르거나, Esc를 누르거나, 캔버스 모서리에 있는 버튼을 클릭하여 UI를 다시 표시할 수 있습니다. 페이지를 새로고침해도 복원되는데, 이는 깔끔한 캔버스 모드가 페이지 로드 간에 기억되지 않기 때문입니다.

캔버스에 지표를 표시하는 방법

Anchor link to

시작되었거나 완료된 캠페인의 경우, 지표 표시 토글이 캔버스 설정 패널 하단에 있습니다. 이 토글을 켜면 모든 단계 아래에 실시간 통계가 한 번에 표시됩니다. 토글 상태와 관계없이 단일 요소 위에 마우스를 가져가도 해당 통계가 표시됩니다.

캔버스 설정 패널 하단의 지표 표시 토글

지표가 켜져 있고 캠페인이 초안이거나 일시 중지되지 않은 상태에서는 상단 바에 목표 선택기 버튼이 나타납니다. 캠페인에 목표가 두 개 이상인 경우, 모든 목표가 해당 메뉴의 최상위 항목입니다. 목표가 하나만 있는 경우, 해당 목표가 자동으로 선택되고 모든 목표는 표시되지 않습니다. 이 통계를 읽는 방법에 대한 자세한 내용은 Customer Journey 통계를 참조하세요.