💡 조명 레퍼런스 보드 사용법

1열기

1. 이 app 폴더 안의 theaterBoard.html을 Chrome(또는 Edge)으로 엽니다.
   • 더블클릭했는데 다른 프로그램이 열리면: 파일에서 마우스 오른쪽 클릭 → 연결 프로그램 → Google Chrome.
2. 처음 열면 “대본을 불러와 메인 플로우를 만드세요” 안내 화면이 나와요.

2대본 불러오기 (메인 플로우 만들기)

• 상단 대본 불러오기 → 연극 대본 파일(.md 또는 .docx)을 고릅니다. 또는 파일을 화면에 끌어다 놓아도 돼요.
• 파일 안에 조명 메모가 이미 있으면 “메모도 가져올까요?” 라고 물어봐요.
• 불러오면 장면이 세로로, 대사·지시문이 가로로 펼쳐져요.

3레퍼런스 추가

• 상단 레퍼런스 추가 → 팀원들이 낸 레퍼런스 파일(.md / .docx)을 여러 개 한꺼번에 고를 수 있어요. (끌어다 놓기도 가능)
• 파일마다 한 줄(행)이 생기고, 메모가 같은 대사 아래 같은 열에 맞춰 놓여요.
• 작성자 이름이 틀리면 왼쪽 레퍼런스 목록에서 이름을 더블클릭해서 고치세요. (색도 바꿀 수 있어요)
• 위치를 찾지 못한 메모는 “미배치 N”으로 표시돼요. 눌러서 장면·대사를 고른 뒤 배치 하세요.
• 레퍼런스 행 이름 옆 ⋯ 메뉴: 행 접기, 이름·색 바꾸기, 미배치 메모, 위/아래로 순서 이동, 파일 다시 불러오기(교체), 삭제.

4보드 둘러보기

• 여러 대사에 걸친 범위 메모(🔦 R1 …)는 행 위에 가로 막대로 보여요. 막대의 글자나 ✎를 누르면(또는 막대 더블클릭) 자세히 보기·편집 창이 열려요.
• 창이 좁으면(가로 1000px 이하) 왼쪽 목록이 숨겨져요. 왼쪽 위 ☰ 버튼으로 열고 닫으세요.

5세로로 보기 (대본 │ 조명 표)

조명 레퍼런스 양식처럼 왼쪽에 대본, 오른쪽에 조명 메모를 놓고 위에서 아래로 읽고 싶을 때 써요.

• 상단 오른쪽 가로 ⇄ 세로 스위치에서 세로를 누르거나, 키보드 V를 누르면 바뀌어요. (한글 입력 상태여도 돼요. 글자를 입력하는 중에는 그냥 글자로 들어가요.)
  보기 ▾ 메뉴 맨 위 보기 방식에서도 고를 수 있어요. 대본을 불러오기 전에는 스위치가 눌리지 않아요.
• 장면마다 표가 하나씩 있고, 한 줄 = 대사 하나예요. 열은 대본 │ 💡 메인 조명 │ 레퍼런스(사람별) 순서예요.
• 대본 열은 왼쪽에, 장면 제목과 열 이름은 위에 고정돼요. 레퍼런스가 많으면 표만 좌우로 넘기세요(트랙패드 / Shift+휠 / 마우스로 끌기 — 열 이름 줄 위에서는 끌리지 않아요).
• 범위 메모(🔦)는 그 사람 열 왼쪽에 세로 막대로 여러 줄에 걸쳐 보여요.
• 레퍼런스 열 이름 옆 ▾로 그 열을 접으면 좁은 띠로 바뀌어요(메모 있는 줄에 점 표시). 띠를 누르면 다시 펼쳐져요. 한꺼번에: 보기 ▾ → 레퍼런스 열 모두 접기/펼치기.
• 보기 ▾ → 메모 있는 행만 보기: 아무 메모도 없는 대사 줄을 한 줄로 얇게 줄여요.
• 병합: 메모의 → 메인은 가로 보기와 같아요. 대본 칸의 “⇠ 모두 병합 N” 또는 대사 ⋯ 메뉴 → 이 행 모두 병합으로 그 줄의 레퍼런스 메모를 한 번에 모아요.
• 바꿔도 보고 있던 대사 근처가 그대로 보여요. 고른 보기 방식은 프로젝트에 같이 저장돼요.

6화면 밝기 (라이트 / 다크)

• 상단 오른쪽 작은 버튼을 누를 때마다 ◐ 시스템 → ☀ 라이트(밝게) → ☾ 다크(어둡게) 순서로 바뀌어요.
  • ◐ 시스템: 컴퓨터 설정(밝은/어두운 모드)을 그대로 따라요. 처음엔 이 상태예요.
• 보기 ▾ 메뉴 맨 아래 화면 테마에서 바로 골라도 돼요.
• 이 설정은 프로젝트 파일이 아니라 이 컴퓨터의 이 브라우저에 기억돼요. 다른 컴퓨터에서는 따로 골라 주세요.

7메인 플로우에 모으기 (병합)

• 레퍼런스 메모의 → 메인 버튼 → 메인의 같은 대사 아래로 복사돼요. 작성자 이름이 함께 붙고, 레퍼런스 쪽에는 “병합됨 ✓”이 표시돼요.
• 범위 메모 막대의 → 메인도 같은 범위로 복사돼요.
• 메인 대사 카드의 “⇣ 모두 병합 N” → 그 대사에 달린 레퍼런스 메모를 한 번에 모아요.
• 메인으로 옮긴 메모는 따로 고쳐도 레퍼런스 원본은 그대로예요. 메인 쪽 메모를 지우면 “병합됨” 표시도 풀려요.

8직접 편집하기

• 대사·지시문 고치기: 텍스트를 더블클릭(또는 ✎). Ctrl+Enter 또는 바깥 클릭 = 저장, Esc = 취소.
• 메모 추가: 칸의 + 메모. 메모 고치기는 메모 글자를 더블클릭.
• 대사 추가·삭제, 대사↔지시문 바꾸기, 번호·화자 고치기: 대사 카드의 ⋯ 메뉴.
• 범위 메모 만들기: 시작 칸을 한 번 클릭 → 끝 칸을 Shift + 클릭. (또는 ⋯ 메뉴 → “여기서 범위 시작”)
• 장면 제목·장면 메모·장면 추가/삭제: 장면 제목줄 오른쪽 ⋯.
• 일반 메모(범례·서문 등): 맨 위 📌 일반 메모 띠.
• 되돌리기: Ctrl+Z(맥은 ⌘Z), 다시 하기: Ctrl+Shift+Z. 상단 ↶ ↷ 버튼도 있어요.

9사진 붙이기

• 메모의 📷 버튼 → 사진 고르기 (jpg / png / gif / webp)
• 사진 파일을 메모 위로 끌어다 놓기
• 캡처한 이미지를 복사 → 메모(또는 칸)를 한 번 클릭 → Ctrl+V로 붙여넣기
• 빈 칸에 사진을 놓으면 사진 메모가 새로 생겨요.
• 썸네일을 누르면 크게 보여요. 썸네일 오른쪽 위 ×로 뺄 수 있어요.
• 큰 사진은 저장 공간을 아끼려고 자동으로 줄여서 저장해요.

10저장 · 내보내기 · 공유

• 작업은 자동 저장돼요(이 컴퓨터의 이 브라우저 안). 오른쪽 위에 “✓ 저장됨”이 보이면 OK.
• 상단 내보내기 ▾
  • 메인 플로우 → .md : 대본 + 조명 메모 텍스트 (사진은 “📷 사진 있음”으로 표시)
  • 메인 플로우 → .docx : 장면별 2열 표(대본 │ 조명), 사진 포함 — 인쇄·공유용
  • 프로젝트 파일 → .json : 보드 전체(레퍼런스·사진 포함) 백업·팀원 공유용
• 팀원에게 보드를 그대로 넘기려면: 프로젝트 .json을 보내고, 받은 사람은 프로젝트 열기로 그 파일을 고르면 돼요.