콘티 짜자

Covenant 찬양팀이 매주 쓰는 A4 찬양 콘티 편집기. 서버 없이 index.html 하나로 동작하는 정적 사이트입니다.

• 사이트: https://conti-han-jang.vercel.app
• 저장소: https://github.com/slzp300-sketch/conti-han-jang

쓰는 법

곡마다 송폼을 적고 악보 이미지나 PDF를 넣으면 A4 미리보기가 나옵니다. PDF 저장 / 인쇄를 누르면 미리보기 한 장이 PDF 한 페이지로 저장됩니다. 만들어진 PDF 열기 / 인쇄 링크에서 파일을 열어 인쇄하세요. 자세한 설명은 사이트 왼쪽 아래 사용법에 있습니다.

• 송폼: {C(목소리)}처럼 중괄호로 감싸면 빨간색, 괄호 안 글자는 작게 나옵니다.
• 악보: 이미지·PDF를 파일 선택·드래그·Ctrl+V로 넣습니다.
• 자르기·크기: 썸네일을 눌러 위·아래를 잘라내고 크기를 줄입니다.
• 키 바꾸기: 오선 위 코드를 찾아 다른 키로 다시 그립니다.
• 악보 보관함: 콘티에 넣은 악보가 내 구주 예수님 - A처럼 자동으로 쌓이고, 다음 콘티를 짤 때 골라 넣습니다. 같이 쓴 송폼도 보관되며, 악보와 송폼은 따로 가져옵니다.
• 두 곡 한 장, 되돌리기(Ctrl+Z), 곡 접기·복제, 쪽 넘기기를 지원합니다.

고치고 배포하기

main에 push하면 Vercel이 자동으로 다시 배포합니다.

git add -A && git commit -m "..." && git push

배포하기.bat을 더블클릭해도 같은 일을 합니다.

참고

• 콘티는 각자 브라우저(IndexedDB)에 저장됩니다. 서버에는 아무것도 남지 않고, 기기끼리 공유되지 않습니다.
• 키 바꾸기와 PDF 넣기는 tesseract.js와 pdf.js를 CDN에서 불러옵니다. 배포된 사이트나 로컬 서버에서 동작합니다(파일을 직접 열면 막힙니다).
• 구조와 그동안의 결정은 CLAUDE.md에, 코드 인식 실험은 dev/에 정리돼 있습니다.