계이름 글을 작성하는 과정

오늘은 좀 다른 주제의 글을 적어 볼까 합니다. 나중에도 다시 보기 위하여 이 블로그에 계이름 글을 작성하는 과정을 써 보겠습니다.

한 곡의 계이름 글을 작성할 때는 40분 정도 시간이 걸립니다. 물론 곡이 까다로우면 더 오래 걸립니다. 총 3가지 단계로 이루어져 있습니다. 하나하나 살펴보겠습니다.

1. 메모장에 계이름 작성

윈도우 기본 메모장을 켭니다. 웨일 브라우저에 유튜브를 틀어 놓고 노래의 음을 듣습니다. 물론 한 음 한 음 써내려가진 않습니다. 많이 들어보아서 익숙한 곡은 머릿속에서 자동으로 재생이 됩니다. 듣지도 않고 술술 써낼 수 있습니다.

한 번도 들어 보지 않은 곡의 계이름을 작성할 때는 최소 대여섯 번 정도는 음악을 먼저 들어 보고 작성합니다.

빠르게 작성해야 하므로 ♯ 대신 키보드에 있는 # 기호를 활용합니다. ♭ 대신 ㅠ를 활용합니다. 이전에는 b를 활용했는데, 한/영 키를 누르는 시간도 아까워서 b 자리에 있는 ㅠ를 대신 사용합니다. Blogger 에디터의 바꾸기 기능을 활용하면 빠르게 #을 ♯으로, ㅠ를 ♭로 바꿀 수 있습니다.

계이름의 가독성을 최대한으로 살리기 위해 중간중간에 공백을 넣습니다. 띄어쓰기 없이 죽 나열된 계이름은 어떻게 끊어서 연주할지 난감합니다. 박자를 표시하는 것만큼 자세하진 않지만 연주에 충분히 도움이 됩니다.

1단계를 거쳐서 완성된 결과는 다음과 같습니다. 실제로 캣 러빙 계이름 글에 쓰인 텍스트 파일입니다. 이 때는 ♭ 대신 b를 사용했습니다.

파파#도#도#시라
파파#도#도#시라
파파#도#도#시라 시도# 시라시도#도#

파파#도#도#시라
파파#도#도#시라
파파#도#도#시라 시도# 시라시레도#

레 도#도#도# 도#시라파#
도#도#도# 도#시라파#
도#도#도# 도#시라파#

파파#파파#파파#파

도#도#도# 도#시라파#
도#도#도# 도#시라파#
도#시도#시도#시도# 파#파파#파파#파

도#도# 파#파#솔#라
도#도# 파#파#솔#라
라 솔#파#솔#파#솔#파#솔# 라솔#파#파파#

파# 도#파#파#솔#라
도#도# 파#파#솔#라
솔# 도#솔#솔# 파파#솔# 라솔#파#파파#

파# 파도#파도#파도#시 라라시도#라파#
파# 파도#파도#파파#솔#파# 파#파#파파#

~간주~

도#도#도#도# 레도#시도# 도#시라시라도#
라라라시라시라 도#파#

파#파#라라파#미 파#라시도#
도#도#도# 파#파#도#시 라시도# 시라 솔#파#파

도#도#도# 도#시라파#
도#도#도# 도#시라파#
도#도#도# 도#시라파#

파파#파파#파파#파

도#도#도# 도#시라파#
도#도#도# 도#시라파#
도#시도#시도#시도# 파#파파#파파#파

도#도# 파#파#솔#라
도#도# 파#파#솔#라
라 솔#파#솔#파#솔#파#솔# 라솔#파#파파#

파# 도#파#파#솔#라
도#도# 파#파#솔#라
솔# 도#솔#솔# 파파#솔# 라솔#파#파파#

시b라솔파#솔

레레솔솔라시b 레레솔솔라시b
시b 라솔라솔라솔라 시b라솔파#솔

솔 레솔솔라시b 레레솔솔라시b
시b 레라라 파#솔라 시b라솔파#솔

솔 파#레파#레파#레도 시b시b도레시b솔
솔 파#레파#레파#레파#레 솔 시b 라 파# 솔

2. 블로그 글 초안 작성

1단계에서 완성된 텍스트를 Blogger 에디터에 그대로 붙여넣습니다. 가장 먼저 해야 할 일은 텍스트 파일의 중복된 줄 바꿈을 없애고, 각 문단에 p 태그를 붙이는 것입니다. 정규식으로 간단히 해결할 수 있습니다. 정규식 하나 적용하려고 자바스크립트 파일을 만드는 것은 귀찮으니 저는 RegExr 사이트를 활용합니다.

Expression에 (.+?)(\n|\r|$)+를 입력합니다. Tools의 Replace 탭에 <p>$1</p>$2를 입력합니다. 저도 이 정규식에 대해서는 자세히 모르고, 글 내용을 벗어나는 주제이므로 설명은 생략하겠습니다. 완성된 결과물은 다음과 같습니다.

<p>파파#도#도#시라</p>
<p>파파#도#도#시라</p>
<p>파파#도#도#시라 시도# 시라시도#도#</p>
<p>파파#도#도#시라</p>
<p>파파#도#도#시라</p>
<p>파파#도#도#시라 시도# 시라시레도#</p>
<p>레 도#도#도# 도#시라파#</p>
<p>도#도#도# 도#시라파#</p>
<p>도#도#도# 도#시라파#</p>
<p>파파#파파#파파#파</p>
<p>도#도#도# 도#시라파#</p>
<p>도#도#도# 도#시라파#</p>
<p>도#시도#시도#시도# 파#파파#파파#파</p>
<p>도#도# 파#파#솔#라</p>
<p>도#도# 파#파#솔#라</p>
<p>라 솔#파#솔#파#솔#파#솔# 라솔#파#파파#</p>
<p>파# 도#파#파#솔#라</p>
<p>도#도# 파#파#솔#라</p>
<p>솔# 도#솔#솔# 파파#솔# 라솔#파#파파#</p>
<p>파# 파도#파도#파도#시 라라시도#라파#</p>
<p>파# 파도#파도#파파#솔#파# 파#파#파파#</p>
<p>~간주~</p>
<p>도#도#도#도# 레도#시도# 도#시라시라도#</p>
<p>라라라시라시라 도#파#</p>
<p>파#파#라라파#미 파#라시도#</p>
<p>도#도#도# 파#파#도#시 라시도# 시라 솔#파#파</p>
<p>도#도#도# 도#시라파#</p>
<p>도#도#도# 도#시라파#</p>
<p>도#도#도# 도#시라파#</p>
<p>파파#파파#파파#파</p>
<p>도#도#도# 도#시라파#</p>
<p>도#도#도# 도#시라파#</p>
<p>도#시도#시도#시도# 파#파파#파파#파</p>
<p>도#도# 파#파#솔#라</p>
<p>도#도# 파#파#솔#라</p>
<p>라 솔#파#솔#파#솔#파#솔# 라솔#파#파파#</p>
<p>파# 도#파#파#솔#라</p>
<p>도#도# 파#파#솔#라</p>
<p>솔# 도#솔#솔# 파파#솔# 라솔#파#파파#</p>
<p>시b라솔파#솔</p>
<p>레레솔솔라시b 레레솔솔라시b</p>
<p>시b 라솔라솔라솔라 시b라솔파#솔</p>
<p>솔 레솔솔라시b 레레솔솔라시b</p>
<p>시b 레라라 파#솔라 시b라솔파#솔</p>
<p>솔 파#레파#레파#레도 시b시b도레시b솔</p>
<p>솔 파#레파#레파#레파#레 솔 시b 라 파# 솔</p>

p 태그가 생기고 줄 사이에 있는 간격이 모두 사라졌습니다. 이것이 2단계의 결과물입니다.

3. 계이름 다듬기

이제 어느 정도 봐 줄 만한 결과물이 탄생했습니다. 하지만 아직 끝나지 않았습니다. 높은 음과 낮은 음 구분을 해 주어야 합니다. 저는 색깔로 구분하는 방법을 택했습니다. 빨간색은 높은 음, 파란색은 높은높은 음, 회색은 낮은 음을 나타냅니다.

CSS로 코드를 짰습니다. 이제 적당히 높은 음에는 <span class="high"></span>를 붙여 주고, 높은높은 음에는 <span class="highhigh"></span>을, 낮은 음에는 <span class="low"></span>을 붙입니다.

2단계의 결과물에 옥타브 구분을 한 결과는 다음과 같습니다.

<p>파파#도#도#<span class="low">시라</span></p>
<p>파파#도#도#<span class="low">시라</span></p>
<p>파파#도#도#<span class="low">시라 시</span>도# <span class="low">시라시</span>도#도#</p>
<p>파파#도#도#<span class="low">시라</span></p>
<p>파파#도#도#<span class="low">시라</span></p>
<p>파파#도#도#<span class="low">시라 시</span>도# <span class="low">시라시</span>레도#</p>
<p>레 도#도#도# 도#<span class="low">시라파#</span></p>
<p>도#도#도# 도#<span class="low">시라파#</span></p>
<p>도#도#도# 도#<span class="low">시라파#</span></p>
<p>파파#파파#파파#파</p>
<p>도#도#도# 도#<span class="low">시라파#</span></p>
<p>도#도#도# 도#<span class="low">시라파#</span></p>
<p>도#<span class="low">시</span>도#<span class="low">시</span>도#<span class="low">시</span>도# 파#파파#파파#파</p>
<p>도#도# 파#파#솔#라</p>
<p>도#도# 파#파#솔#라</p>
<p>라 솔#파#솔#파#솔#파#솔# 라솔#파#파파#</p>
<p>파# 도#파#파#솔#라</p>
<p>도#도# 파#파#솔#라</p>
<p>라 <span class="high">도#</span>솔#솔# 파파#솔# 라솔#파#파파#</p>
<p>파# 파도#파도#파도#시 라라시도#라파#</p>
<p>파# 파도#파도#파파#솔#파# 파#파#파파#</p>
<p>~간주~</p>
<p>도#도#도#도# 레도#<span class="low">시</span>도# 도#<span class="low">시라시라</span>도#</p>
<p><span class="low">라라라시라시라</span> 도#<span class="low">파#</span></p>
<p><span class="low">파#파#라라파#미 파#라시</span>도#<br/>※<span class="low">미</span>는 알토 리코더로 불 수 없습니다. 소리를 내지 않고 지나가세요.</p>
<p>도#도#도# 파#파#도#<span class="low">시 라시</span>도# <span class="low">시라 솔#파#파</span></p>
<p>도#도#도# 도#<span class="low">시라파#</span></p>
<p>도#도#도# 도#<span class="low">시라파#</span></p>
<p>도#도#도# 도#<span class="low">시라파#</span></p>
<p>파파#파파#파파#파</p>
<p>도#도#도# 도#<span class="low">시라파#</span></p>
<p>도#도#도# 도#<span class="low">시라파#</span></p>
<p>도#<span class="low">시</span>도#<span class="low">시</span>도#<span class="low">시</span>도# 파#파파#파파#파</p>
<p>도#도# 파#파#솔#라</p>
<p>도#도# 파#파#솔#라</p>
<p>라 솔#파#솔#파#솔#파#솔# 라솔#파#파파#</p>
<p>파# 도#파#파#솔#라</p>
<p>도#도# 파#파#솔#라</p>
<p>라 <span class="high">도#</span>솔#솔# 파파#솔# 라솔#파#파파#</p>
<p>시b라솔파#솔</p>
<p>레레솔솔라시b 레레솔솔라시b</p>
<p>시b 라솔라솔라솔라 시b라솔파#솔</p>
<p>솔 레솔솔라시b 레레솔솔라시b</p>
<p>시b <span class="high">레</span>라라 파#솔라 시b라솔파#솔</p>
<p>솔 파#레파#레파#레도 <span class="low">시b시b</span>도레<span class="low">시b솔</span></p>
<p>솔 파#레파#레파#레파#레 솔 시b 라 파# 솔</p>

시간이 꽤 들어가는 작업입니다. 솔직히 유쾌하지는 않습니다. 마지막으로, #과 b을 sup 태그로 위로 올려 줍니다. #을 ^♯로, b (또는 ㅠ)를 ^♭로 바꾸면 됩니다. Blogger 에디터의 기능을 활용하면 1분도 걸리지 않습니다. 최종 결과물은 캣 러빙 계이름 글에서 확인해 주시면 감사하겠습니다.

마치는 글

아무 생각 없이 썼는데 꽤 길어졌습니다. 그만큼 계이름 곡 하나하나에 꽤 많은 노력이 들어간다는 걸 알아주시길 바랍니다.