전체 화면 구조

캡처 기준

• 서버: fiber-test.pinksky.kr
• 캡처 버전: 테스트 서버 현재 버전 (본서버 반영 여부는 별도 확인)

1. 처음 접속 화면

브라우저에서 https://fiber-test.pinksky.kr에 접속하면 아래 화면이 나옵니다.

처음 접속 화면
이미지를 클릭하면 확대됩니다.

영역	역할
왼쪽 얇은 막대	사이드바 (접힌 상태)
가운데 큰 공간	접속점 배치도 캔버스
위쪽 버튼 모음	상단 툴바

2. 사이드바 펼치기

왼쪽 위의 ▶ 사이드바 펼치기 버튼을 누르면 사이드바가 넓어집니다.

사이드바 펼침
이미지를 클릭하면 확대됩니다.

3. 상단 툴바

상단 툴바
이미지를 클릭하면 확대됩니다.

버튼	누르면
📋 v?	버전 변경 이력을 보여줍니다.
💾 코어정보 저장	현재 코어 연결 상태를 서버에 저장합니다.
📍 시작점 정보 저장	현재 시작점+선번 정보를 서버에 저장합니다.
🔓 캔버스해제	캔버스 잠금을 풀어서 이동/편집 가능하게 합니다. (비밀번호 3388)
🔄 새로고침	화면을 다시 불러옵니다.
함체라벨 ON/OFF	캔버스 위 함체 이름 표시/숨김
케이블라벨 ON/OFF	캔버스 위 케이블 이름 표시/숨김
🔍 추적모드 OFF/ON	코어 추적 모드를 켜고 끕니다.

4. 캔버스 조작

• 줌인/줌아웃: 마우스 휠 또는 트랙패드 핀치
• 이동: 캔버스 해제 후 드래그
• 함체 선택: 클릭
• 케이블 선택: 클릭

5. 주의사항

• 캔버스를 편집하려면 반드시 🔓 캔버스해제 버튼을 눌러야 합니다.
• 비밀번호는 3388입니다.
• 추적모드를 켜면 케이블/함체를 클릭할 때 경로 추적이 우선적으로 동작합니다.