코드 진행 사이트로서, 적는 것보다 듣고 확인하는 데 맞춰 설계했습니다
곡 아이디어는 종종 포스트잇에 네 개의 코드 이름을 적은 것에서 시작합니다. 형태를 기억하기엔 충분하지만, 내 템포와 키, 머릿속 그루브로 실제로 통하는지는 알 수 없죠. 이 페이지는 코드 진행 사이트답게 먼저 들을 수 있게 만들었습니다. 메이저나 마이너를 고르고 패턴을 정한 뒤, 필요하면 피아노·드럼·기타와 함께 한 줄 전체를 재생합니다. 어색한 부분이 있으면 그 자리에서 코드를 바꾸고, 마디를 줄이거나 카드 순서를 바꾼 다음 다시 재생하세요. 악보를 매번 다시 쓰느라 멈추지 않고, 건반 위에서 가볍게 눌러보는 느낌이 목표입니다.
편곡 선택이 그대로 들리는 재생
패턴마다 블록 화음, 아르페지오, 베이스 근음, 박자 밖 액센트처럼 치는 방식이 달라집니다. 화면에 같은 글자만 보이는 게 아닙니다. Pop 1은 4분 음표 리듬이 안정적인 편이고, Pattern 4는 백비트 쪽으로 기울어요. 같은 진행을 둔 채 패턴만 바꿔 보면 데모로 굳히기 전에 분위기를 비교할 수 있습니다. 반복 재생을 켜 두면 방 안을 돌아다니며 약한 연결 구간을 찾기에도 좋습니다.
- 11가지 반주 스타일: Pop 1~3, Rock, Pattern 1~7로 같은 코드 줄도 리듬과 보이싱이 달라집니다.
- 공유 링크로 키·모드·템포·패턴·악기 on/off·각 코드의 박자 수까지 복원됩니다. 협업자나 학생이 같은 스케치를 열 수 있어요.
- 반주 패널에서 피아노·드럼·기타를 따로 켜고 끄며, 진행에 필요한 화성 두께를 확인할 수 있습니다.
- 편집 가능한 타임라인: 클릭해 코드를 바꾸고, 박자를 조절하고, 길게 눌러 순서를 바꾸거나 + 슬롯에서 새 코드를 추가하세요.
- 흔한 키를 지원하며, 편집할 때 다이아토닉 후보가 나와 스케일 안에서 대체 코드를 시험해 보기 쉽습니다.
- 하단 오디오 비주얼라이저가 재생에 맞춰 반응해 노트북 스피커에서도 악기 밸런스를 점검하기 좋습니다.
- 브라우저에서 바로 동작하며, 온라인 피아노와 같은 샘플을 사용합니다. 설치나 계정 없이 먼저 귀로 확인할 수 있어요.
코드 진행 생성기 사용 방법
키, 템포, 패턴 정하기
먼저 근음과 메이저·마이너를 고르세요. 편집할 때 바로 고를 수 있는 코드 후보가 여기서 정해집니다. BPM은 만들고 있는 파트에 맞춥니다. 발라드는 느리게, 후렴은 조금 빠르게요. 그다음 드롭다운에서 패턴을 고릅니다. Pop 계열은 비교적 단순한 팝·록 프레이징에 가깝고, Pattern 1~7은 발라드, 힙합, 디스코, 레게, 재즈, 블루스, 클래식 느낌의 피아노 패턴에 가까워집니다. 헷갈리면 Pop 1부터 시작하세요. 코드 이름은 그대로 두고 그루브만 바꿀 수도 있습니다.
진행을 자동 생성하거나 직접 만들기
'진행 생성'을 누르면 현재 키에 맞는 다이아토닉 진행이 만들어집니다. I–V–vi–IV 같은 익숙한 출발점을 시험해 보기 좋아요. 직접 아이디어가 있다면 +로 코드를 추가하거나 기존 카드를 눌러 수정하세요. 각 블록 아래 표시는 박자 단위입니다. 네 개가 보이면 4/4에서 대략 한 마디 분량이에요. 카드 오른쪽 가장자리를 드래그하면 그 코드가 유지되는 길이를 늘리거나 줄일 수 있습니다. 두 박짜리 패싱 코드나 토닉을 한 마디 더 길게 잡을 때 유용합니다.
재생, 반복, 반주 조절
재생 버튼이나 스페이스바로 처음부터 들을 수 있습니다. 박자가 진행되면 활성 코드가 강조되어, 변화가 너무 빠른지 늦은지 바로 보입니다. 멜로디를 흥얼거리며 가사 호흡을 시험할 때는 반복 재생을 켜 두세요. 반주 메뉴에서는 벌스용으로 드럼을 끄거나, 후렴용으로 기타를 넣거나, 성부 진행만 보려면 피아노만 켤 수 있습니다. 조작 버튼 아래 비주얼라이저는 실시간 출력을 보여 줍니다.
완성된 스케치 공유하기
공동 작업자, 밴드 멤버, 학생에게 보낼 만한 진행이 되면 '공유'를 누르세요. 현재 설정이 담긴 URL이 복사됩니다. 링크를 연 사람은 같은 코드, 템포, 패턴, 악기 설정으로 시작합니다. 서버에 저장하지 않으며, 주소 안에 설정만 담깁니다. 수업에서는 선생님 데모에서 학생의 집 연습까지 한 번에 이어지고, 작곡할 때는 채팅에 코드 이름만 붙여 넣고 모두가 같은 리듬을 상상하게 하는 것보다 훨씬 확실합니다.
브라우저 코드 진행 사이트가 빛나는 순간
DAW를 열기 전, 리허설을 잡기 전, 가사를 얹기 전—한번 흘려 들어야 알 수 있을 때 이 도구를 여는 분이 많습니다.
"The result explained the difference between my extreme notes and my comfortable range. That’s exactly what I needed."
Sam T.
Sings for fun / 3 weeks
"학생이 멜로디만 가져올 때 레슨에 씁니다. 키에 맞춰 생성한 뒤 한 번 재생하고, 코드를 하나씩 바꿔 가며 라인이 맞는지 봅니다. 링크를내면 집에서도 같은 버전으로 연습해요."
Nora T.
피아노 강사 / 주간 레슨
"예배 팀은 수요일 단체 채팅에 Pattern 3 링크를 올립니다. 일요일까지 모두가 같은 그루브를 들었으니, 악보 기호만 맞추는 것보다 훨씬 수월합니다."
Marcus L.
워십 밴드 리더 / 예배 준비
"침실 팝을 헤드폰으로 씁니다. 네 코드를 드럼 없이 반복 재생하면 프리코러스에 살을 넣을 가치가 있는지, 녹음 전에 판단할 수 있어요."
Jules K.
인디 작곡가 / 데모 작업