# 우쿨렐레 악보 편집기를 만들었습니다

> https://bookfactory.kr/board/publishing/22965
> 게시판: 출판·책 제작
> 작성자: admin
> 작성일: 2026-10-21T12:35:36.083Z

---

이 기사를 읽어주셔서 감사합니다. 토시입니다.

여보의 요청으로 우쿨레레 악보를 만들 수 있는 편집 프로그램을 만들었습니다. 우쿨레레를 한 번도 연주해 본 적이 없지만, 좋은 느낌으로 완성되었으니 공개합니다.

![画像](https://assets.st-note.com/img/1779614098-CF4Z0vVhKrTXpxM1fteL7Nay.png?width=1200)

### 이용하시려면 여기서 가능합니다.

## 지난, 독서회에서 『너, 별처럼』을 읽어 완결했습니다.

이 소설은 히노 아이의 데뷔작으로, 2018년에 출판되었습니다.

이야기는 주인공인 “나”가 돌아가신 연인 “그 아이”의 기억을 따라가며, 그와의 추억을 되돌아보는 이야기입니다.

“그 아이”는 “나를 사랑해”라고 고백하며, 나와의 미래를 이야기했습니다. 하지만 그는 갑작스럽게 세상을 떠나 버립니다.

“그 아이”의 죽음 이후, 저는 그의 기억을 따라가며, 그와의 추억을 되돌아보는 과정에서 그의 존재를 잊을 수 없습니다.

저는 그의 죽음을 극복하고 새로운 삶을 살아가는 길을 위해, 그의 존재를 소중히 여겨나가고 싶습니다.

이 소설은 사랑과 상실, 그리고 재탄생에 대해 깊이 생각하게 만드는 작품입니다.

특히, 죽은 사람과의 관계에 대해 매우 섬세하고 아름다운 문체로 묘사되어 있어, 읽고 난 후 깊은 감동을 받습니다.

또한, 이 소설은 현대 사회에서 젊은이들이 느끼는 고독과 불안을 반영하고 있다고 생각했습니다.

많은 젊은이들이 미래에 대한 불안감과 고독을 느끼는 가운데, 이 소설은 그들에게 희망의 빛이 될 수 있을 것입니다.

이 소설을 읽고 저는 사랑하는 것의 아름다움, 그리고 상실을 극복하는 것의 중요성을 다시 한번 깨달았습니다.

그리고 저는 앞으로도 “그 아이”와의 추억을 소중히 간직하며 새로운 삶을 살아갈 것입니다.

- 이용하시려면 여기서 확인하세요.
- UkuScore - 우쿨렐레 악보 편집기 사용 설명서
- ## UkuScore의 특징

*   **다양한 측정 모드:** 단순히 시간을 측정하는 것 외에도 ‘정확도 모드’와 ‘실력 모드’를 제공합니다. 정확도 모드는 문장의 정확한 단어 수를 측정하여 독서 실력을 보다 정확하게 파악할 수 있도록 돕습니다. 실력 모드는 사용자의 실력 수준에 맞춰 난이도를 조절하여 꾸준히 실력을 향상시킬 수 있도록 지원합니다.
*   **다양한 콘텐츠:** 다양한 분야의 책, 신문, 잡지 등 다양한 콘텐츠를 제공합니다. 특히, 일본의 유명 작가들의 작품을 많이 다루고 있어 일본어 독서 실력 향상에 도움이 됩니다.
*   **개인 맞춤형 학습:** 사용자의 독서 속도와 정확도에 따라 맞춤형 학습 계획을 제공합니다. 이를 통해 사용자는 자신의 약점을 보완하고 강점을 극대화하여 효율적으로 독서 실력을 향상시킬 수 있습니다.
*   **랭킹 시스템:** 다른 사용자와의 경쟁을 통해 동기 부여를 받을 수 있는 랭킹 시스템을 제공합니다. 랭킹 상위권에 오르기 위해 꾸준히 노력하는 것은 독서 실력 향상의 좋은 동기가 될 것입니다.
*   **오프라인 모드 지원:** 인터넷 연결 없이도 콘텐츠를 이용할 수 있는 오프라인 모드를 지원합니다. 따라서 언제 어디서든 편리하게 독서를 즐길 수 있습니다.
*   **다양한 언어 지원:** 현재 일본어, 영어, 한국어 등 다양한 언어를 지원합니다.
*   **UkuScore Premium:** 유료 구독 서비스인 UkuScore Premium을 통해 광고 없이 더욱 다양한 콘텐츠를 이용할 수 있습니다. 또한, 더욱 상세한 통계 분석 기능을 제공받을 수 있습니다.
- 화면 구성
- 컨트롤 패널 (상단 헤더)
- 툴박스(왼쪽 사이드바)
- ③ 악보 뷰포트 (메인 영역)
- 3. 기본적인 사용법
- 3.1. 곡 정보 등록
- 3.2. 코드 입력 및 사용자 정의 편집

## UkuScore - 우쿨렐레 악보 편집기 사용 설명서

UkuScore는 웹 브라우저에서 직관적으로 우쿨렐레 악보(코드 다이어그램, 리듬, 가사)를 생성하고 편집하며, 인쇄, PDF 저장, YAML 형식으로 데이터 저장도 가능한 현대적인 악보 편집기입니다.

## ## UkuScore의 특징

UkuScore는 독서 실력 향상을 위한 혁신적인 솔루션입니다. 단순히 책을 읽는 것을 넘어 독서 경험을 분석하고 개인 맞춤형 피드백을 제공하여 독서 습관을 개선하는 데 중점을 둡니다.

**1. 실시간 독서 분석:**

UkuScore는 사용자가 책을 읽는 동안 실시간으로 다양한 데이터를 수집합니다. 여기에는 읽기 속도, 정확도, 집중도, 특정 단어 또는 문장에 대한 반응 시간 등이 포함됩니다. 이러한 데이터는 사용자가 자신의 독서 패턴을 객관적으로 파악하고 개선할 부분을 찾도록 돕습니다.

**2. 개인 맞춤형 학습 계획:**

수집된 데이터를 바탕으로 UkuScore는 사용자의 수준과 목표에 맞는 개인 맞춤형 학습 계획을 제시합니다. 학습 계획은 읽기 속도 향상, 어휘력 강화, 집중력 향상 등 다양한 목표를 설정하고, 각 목표 달성을 위한 구체적인 전략과 연습 문제를 제공합니다.

**3. 상세한 피드백:**

UkuScore는 사용자의 독서 과정에 대한 상세한 피드백을 제공합니다. 단순히 “잘했어요” 또는 “잘못했어요”와 같은 일반적인 피드백이 아닌, 구체적인 문제점과 개선 방안을 제시합니다. 예를 들어, “이 부분에서는 읽기 속도가 느려졌어요. 다음번에는 이 부분을 천천히 읽어보세요.” 또는 “이 단어의 발음을 정확히 하지 못했어요. 발음 연습을 해보세요.”와 같이 맞춤형 조언을 제공합니다.

**4. 다양한 콘텐츠 지원:**

UkuScore는 다양한 종류의 책과 콘텐츠를 지원합니다. 소설, 비소설, 학습 교재 등 어떤 종류의 책이든 UkuScore를 통해 읽기 실력을 향상시킬 수 있습니다. 또한, UkuScore는 사용자가 자신의 관심사에 맞는 책을 추천해주는 기능도 제공합니다.

**5. 지속적인 성장 지원:**

UkuScore는 사용자의 독서 실력 향상을 위한 지속적인 지원을 제공합니다. 사용자의 학습 데이터를 기반으로 UkuScore는 사용자의 성장 과정을 추적하고, 새로운 목표를 설정하고, 새로운 학습 전략을 제시합니다. UkuScore를 통해 사용자는 꾸준히 독서 습관을 개선하고, 독서 실력을 향상시킬 수 있습니다.

- 상호작용형 코드 편집: 미리 설정된 코드 외에 피아노 건반을 직접 클릭하여 원본 맞춤 코드 다이어그램을 디자인할 수 있습니다.
- 유연한 리듬과 스트로크 입력: 2분 음표부터 16분 음표, 휴지, 리피트 기호, 다운/업 스트로크 기호까지 대응합니다.
- 가사의 싱크 맞추기: 각 음표 슬롯에 가사 텍스트를 삽입할 수 있습니다.
- 데이터 관리: 생성한 악보는 [YAML 형식]으로 로컬에 저장 및 읽어들이기가 가능합니다.
- 아름다운 인쇄 대응: A4 용지 크기에 최적화된 레이아웃으로, 그대로 종이 인쇄하거나 PDF로 저장할 수 있습니다 (편집용 컨트롤은 인쇄 시 자동으로 숨겨집니다).

## 화면 구성

앱의 화면은 크게 세 영역으로 구성되어 있습니다.

### 컨트롤 패널 (상단 헤더)

악보 데이터 전반에 대한 조작을 수행합니다.

- 데모 불러오기: 미리 준비된 데모 악보 데이터(해바라기 약속)를 불러옵니다.
- YAML 파일 읽기: 로컬에 저장된 .yaml 또는 .yml 형식의 악보 파일을 읽어옵니다.
- 현재 편집 중인 악보 데이터를 YAML 형식으로 현지 저장합니다.
- 인쇄/PDF 저장: 브라우저의 인쇄 대화 상자를 열어 A4 용지 크기로 인쇄하거나 PDF로 저장합니다.
- 모든 설정을 초기화하고 악보를 흰 종이 상태로 복원합니다.

### 툴박스(왼쪽 사이드바)

음악 악보의 다양한 설정과 입력하기 위한 팔레트 모음입니다.

- 악보 기본 정보: 곡명, 아티스트/작곡가 이름, 음표(Key), 템포(BPM)를 설정합니다. 악보의 1페이지 상단에도 연동하여 반영됩니다.
- 리듬 팔레트: 2분 음표, 4분 음표, 8분 음표, 16분 음표, 쉼표, 반복, 공백 전환
- 음표 방향: 선택한 음표에 대해 다운스트로크(↓), 업스트로크(↑), 또는 스트로크를 지정할 수 있습니다.
- 코드 관리: 자주 사용되는 코드 프리셋 목록입니다. 클릭하여 편집 모달을 열거나, 사용자 정의 코드를 추가할 수 있습니다.

### 3. 악보 뷰포트 (메인 영역)

실제 악보 미리보기입니다. A4 용지 크기로 표시되며, 페이지마다 자동으로 페이지를 넘깁니다.

- 1페이지: 곡명이나 아티스트명 등의 헤더 정보와 최대 12절(1행에 3절씩, 4행으로 구성)이 표시됩니다.
- 2페이지 이후에는 최대 15개 묶음(묶음당 3개 문단 × 5개 문단)이 표시됩니다.

## ## 3. 기본적인 사용법

**1. 글 게시**

글을 게시하려면 먼저 “게시” 버튼을 클릭합니다. 게시 화면이 표시되면 다음 정보를 입력하십시오.

*   **제목:** 글의 제목을 입력합니다.
*   **내용:** 글의 내용을 입력합니다.
*   **이미지:** 글과 관련된 이미지를 업로드할 수 있습니다.
*   **태그:** 글의 내용을 나타내는 태그를 입력합니다.
*   **카테고리:** 글의 카테고리를 선택합니다.

**2. 글 편집**

게시한 글은 편집 화면에서 편집할 수 있습니다. 편집 화면에서는 제목, 내용, 이미지, 태그, 카테고리 등을 변경할 수 있습니다.

**3. 글 공개**

글을 공개하려면 공개 버튼을 클릭합니다. 공개된 글은 노션의 메인 페이지 또는 태그 또는 카테고리별로 검색 가능한 페이지에 표시됩니다.

**4. 글 삭제**

글을 삭제하려면 편집 화면에서 삭제 버튼을 클릭합니다. 삭제된 글은 노션의 데이터베이스에서 삭제됩니다.

**5. 글 공유**

글을 공유하려면 공유 버튼을 클릭합니다. 공유 버튼을 클릭하면 글의 URL이 복사되어 SNS 등에서 공유할 수 있습니다.

**6. 글 평가**

글을 평가하려면 평가 버튼을 클릭합니다. 평가 버튼을 클릭하면 글의 평가 수가 카운트됩니다.

**7. 댓글**

글에 댓글을 게시할 수 있습니다. 댓글을 게시하려면 댓글란에 댓글을 입력하고 전송 버튼을 클릭합니다.

**8. 글 저장**

글을 저장하려면 편집 화면에서 저장 버튼을 클릭합니다. 저장된 글은 편집 화면에서 언제든지 편집할 수 있습니다.

### 3.1. 곡 정보 등록

측면에 있는 “楽譜 기본 정보” 또는 악보의 1페이지 헤더에 있는 입력란에 곡 제목, 아티스트, 키, 템포를 직접 입력합니다. 두 항목은 실시간으로 동기화됩니다.

### 3.2. 코드 입력 및 사용자 정의 편집

코드는 텍스트 편집기를 사용하여 한 줄씩 입력합니다. 코드 편집 기능을 사용하면 기존 코드를 수정하거나 새로운 코드를 추가할 수 있습니다. 예를 들어 변수 이름이나 함수 이름을 변경하거나, 주석을 추가하거나, 코드의 줄을 삭제할 수 있습니다. 코드 편집 기능을 사용할 때는 다음 사항에 유의하십시오.

*   코드를 변경하기 전에 반드시 백업을 수행하십시오.
*   코드를 신중하게 변경하고 오류를 발생시키지 않도록 주의하십시오.
*   코드 변경 내용을 기록해 두십시오.

이러한 사항을 준수하면 코드를 안전하고 효과적으로 편집할 수 있습니다.

각 부분에는 최대 4개의 코드를 배치할 수 있습니다.

### 코드 배치

- 소절 내 코드 입력 영역(기본적으로 “+” 표시되는 부분)을 클릭하십시오.
- 퀵 코드 피커 팝업이 나타납니다.
- 표시되는 목록(기본 설정 + 사용자 지정 코드)에서 배치하려는 코드를 클릭합니다. 삭제하려면 “없음”을 선택합니다.

### 사용자 정의 코드 작성

- 사이드바의 “사용자 지정 코드 추가” 버튼을 누르거나, 배치된 코드 다이어그램을 클릭합니다.
- 코드 다이어그램 편집기 모달이 열립니다.
- 인터랙티브 지판상의 프렛(1~5프렛), 개방 현(○ 위치), 또는 뮤트(× 위치)를 클릭하여 음을 누르는 위치를 지정합니다.
- 필요에 따라 해당 지수 번호(1: 엄지손가락, 2: 중지손가락, 3: 약지손가락, 4: 새끼손가락)를 입력합니다.
- “코드명”을 입력하고 “저장 및 적용”을 클릭합니다. 생성된 코드는 사이드바의 “코드 관리”에 추가되어 언제든지 재사용할 수 있습니다.

### 3.3. 리듬과 음표 및 스트로크 입력

각 장의 하반부는 리듬과 가사를 편집하는 영역입니다.

- 편집하고 싶은 음표 슬롯(음표 기호가 표시된 부분)을 클릭합니다. 슬롯이 파란색으로 하이라이트됩니다.
- 음표를 변경하려면 사이드바의 “리듬 팔레트”에서 원하는 음표 또는 쉼표를 클릭하거나, 나타나는 빠른 리듬 피커 팝업에서 선택합니다.

### 3.4. 가사의 입력

음표 슬롯 아래의 입력란(기본적으로 “—” 표시되는 부분)을 클릭하여 직접 텍스트를 입력합니다.

## 4. 짧은 구절과 행의 편집 및 관리

UkuScore에서는 직관적인 소절 조작이 가능합니다.

### 부분 실행 (각 부분별 오른쪽 상단 버튼)

마우스 커서를 부분 위에 올리면 오른쪽 상단에 작은 조작 버튼이 나타나며 (인쇄 시에는 숨겨집니다).

- 대상 부분의 코드, 리듬, 스트로크, 가사 데이터를 클립보드(앱 내 일시 메모리)에 복사합니다.
- 복사한 부분 데이터를 지정된 부분에 덮어쓰고(복사 데이터가 있는 경우에만 버튼이 표시됩니다).
- 삭제: 해당 문단을 삭제하고 뒤에 있는 문단을 앞 문단으로 합칩니다.

### 행 액션 (행 단위의 오버레이)

각 행의 오른쪽에 표시되는 작업 영역입니다(인쇄 시에는 비활성화됩니다).

- 행을 추가합니다. 해당 행의 바로 뒤에 새로운 1행 분량(3 소절)을 삽입합니다.
- 행 삭제: 해당 행(3절 분량)을 완전히 삭제합니다.
- 화면 하단의 부유 버튼 “행 추가”를 클릭하면 악보의 끝에 3마디가 추가됩니다.

### 리듬 슬롯 수 조정

아래 작은 버튼(‘+’와 ‘-’)을 통해 해당 부분의 리듬 슬롯 수를 늘리거나 줄일 수 있습니다.

- 슬롯 추가 (+): 슬롯을 1개 추가하며 (공백 음표가 삽입됩니다). 선택된 슬롯이 있는 경우 그 오른쪽, 없으면 끝에 추가됩니다.
- 슬롯 삭제 (-): 마지막 슬롯을 1개 삭제합니다.

## 5. 저장 및 저장 완료

### YAML 파일로의 저장 및 읽기

만들어진 악보 데이터를 PC에 저장해두면, 나중에 언제든 편집을 다시 시작할 수 있습니다.

- 저장: “YAML 저장” 버튼을 클릭하면 곡 제목을 기준으로 파일 이름(예: `곡명.yaml`)으로 다운로드됩니다.
- “YAML 불러오기” 버튼을 클릭하고 저장된 YAML 파일을 선택하면 곡 정보, 박자 데이터, 사용자 지정 코드가 모두 복원됩니다.

### 인쇄 및 PDF 제작

인쇄/PDF 저장 버튼을 클릭하면 브라우저 기본 프린트 기능이 호출됩니다.

- PDF로 저장할 경우: 수신처(프린터)를 “PDF로 저장” 또는 “Microsoft Print to PDF”로 설정해 주십시오.
- 깔끔하게 인쇄하기 위한 팁: 수신처(용지 크기)를 A4로 설정해주세요. 여백을 “없음” 또는 “최소”로 설정하면 레이아웃 깨짐을 방지할 수 있습니다. 배경 그래픽(배경색 등)을 인쇄하는 경우, 인쇄 설정 옵션에서 “배경 그래픽”에 체크해주세요.

## 6. 문제 해결 / 작동 팁

- 음표나 코드를 변경하고 싶지만 피커 팝업이 닫혀 버리는 악보 바깥의 여백이나 관련 없는 버튼을 클릭하면 선택 상태가 해제됩니다. 수정하고 싶은 슬롯이나 블록을 다시 확실하게 클릭해 주세요.
- 커스텀 코드가 악보에 반영되지 않을 경우 “저장 및 적용” 버튼을 누르기 전에 해당 코드 블록(악보상의 슬롯)이 올바르게 선택되었는지 확인해 주세요. 또는 저장 후 코드 피커를 열어 새롭게 추가된 커스텀 코드를 목록에서 선택해 주세요.
- 인쇄 미리보기에 불필요한 버튼이나 사이드바가 표시되는 경우, CSS 미디어 쿼리를 통해 컨트롤 패널 및 사이드바와 같은 편집 UI(.no-print 클래스를 가진 요소)가 자동으로 숨겨집니다. 브라우저 인쇄 설정에서 “용지 크기: A4”로 되어 있는지 확인해 주십시오.

**출처:** [note 원문](https://note.com/noted_briony6812/n/n4476d8d6732a)

*번역: Gemma 3(.44) 초벌 + 교정 51청크*

[원문 보기](https://note.com/noted_briony6812/n/n4476d8d6732a) | 출처: note.com