[{"data":1,"prerenderedAt":171},["ShallowReactive",2],{"i-tabler:book-2":3,"i-tabler:world":8,"i-tabler:check":10,"i-tabler:mail":12,"i-tabler:home":14,"i-tabler:pencil":16,"i-tabler:ruler-2":18,"i-tabler:music":20,"i-tabler:folder":22,"guides:play-piano-on-a-computer-keyboard:ko":24,"guides-list:ko":132,"i-tabler:chevron-right":159,"i-tabler:point-filled":161,"i-tabler:piano":163,"i-tabler:door":165,"i-tabler:armchair":167,"i-tabler:texture":169},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M19 4v16H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\"\u002F>\u003Cpath d=\"M19 16H7a2 2 0 0 0-2 2M9 8h6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m.6-3h16.8M3.6 15h16.8\"\u002F>\u003Cpath d=\"M11.5 3a17 17 0 0 0 0 18m1-18a17 17 0 0 1 0 18\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5 12l5 5L20 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\u002F>\u003Cpath d=\"m3 7l9 6l9-6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M5 12H3l9-9l9 9h-2M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7\"\u002F>\u003Cpath d=\"M9 21v-6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 20h4L18.5 9.5a2.828 2.828 0 1 0-4-4L4 16zm9.5-13.5l4 4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m17 3l4 4L7 21l-4-4zm-1 4l-1.5-1.5M13 10l-1.5-1.5M10 13l-1.5-1.5M7 16l-1.5-1.5\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 17a3 3 0 1 0 6 0a3 3 0 0 0-6 0m10 0a3 3 0 1 0 6 0a3 3 0 0 0-6 0\"\u002F>\u003Cpath d=\"M9 17V4h10v13M9 8h10\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2\"\u002F>",{"title":25,"seoTitle":26,"description":27,"intro":28,"blocks":29,"faq":114},"컴퓨터 키보드로 피아노 치는 법","컴퓨터 키보드로 피아노 치기 – 건반 배치, 쉬운 곡","어떤 키가 어떤 피아노 음인지, 옥타브 바꾸기와 서스테인 페달 쓰는 법, 그리고 노트북 키보드로 온라인 피아노에서 칠 수 있는 쉬운 곡과 코드.","[JotJam](\u002Fmusic\u002Fpiano) 같은 온라인 피아노에서는 가운데 글자 줄이 흰 건반, 그 윗줄이 검은 건반이에요. A가 가운데 도(C), S가 레(D), D가 미(E)… 이렇게 ' 키까지 이어져요. W와 E는 C♯와 D♯, T, Y, U는 F♯, G♯, A♯. Z와 X로 한 옥타브씩 내리고 올리고, Space를 누르고 있으면 서스테인 페달처럼 돼요.",[30,78,95,106],{"h2":31,"table":32,"after":76},"키 배치표",[33,36,41,46,49,53,57,61,66,71],[34,35,34,35],"키보드 키","음",[37,38,39,40],"A","C (가운데 도)","W","C♯ \u002F D♭",[42,43,44,45],"S","D","E","D♯ \u002F E♭",[43,44,47,48],"T","F♯ \u002F G♭",[50,50,51,52],"F","Y","G♯ \u002F A♭",[54,54,55,56],"G","U","A♯ \u002F B♭",[58,37,59,60],"H","O","C♯ (다음 옥타브)",[62,63,64,65],"J","B","P","D♯ (다음 옥타브)",[67,68,69,70],"K","C (다음 옥타브)","Z \u002F X","옥타브 내리기 \u002F 올리기",[72,73,74,75],"L ; '","D, E, F (다음 옥타브)","Space (누르고 있기)","서스테인 페달",[77],"키에 적힌 글자가 아니라 키의 위치를 따라가요. 프랑스 AZERTY나 독일 QWERTZ 키보드라면 같은 위치의 키를 누르세요. 피아노 건반에 내 키보드 배열의 글자가 표시돼요.",{"h2":79,"p":80,"table":82},"처음 쳐 볼 곡",[81],"시작 옥타브(A가 가운데 도)에서 치세요. 묶음 하나가 한 소절이에요. 묶음 사이에서 잠깐 쉬세요.",[83,86,89,92],[84,85],"곡","키",[87,88],"반짝반짝 작은 별","A A G G · H H G · F F D D · S S A",[90,91],"떴다 떴다 비행기","D S A S · D D D · S S S · D G G",[93,94],"환희의 송가 (베토벤)","D D F G · G F D S · A A S D · D S S",{"h2":96,"list":97,"after":104},"스케일과 코드",[98,99,100,101,102,103],"**C 메이저 스케일**: A S D F G H J K — 도부터 도까지 흰 건반 전부.","**C 메이저 코드** (C, E, G): **A D G**를 동시에.","**F 메이저 코드** (F, A, C): **F H K**.","**G 메이저 코드** (G, B, D): **G J L**.","**A 마이너 코드** (A, C, E): **H K ;**","이 네 코드, C, Am, F, G만 있으면 엄청나게 많은 가요와 팝송을 칠 수 있어요. **C – G – Am – F** 순서로 쳐 보세요.",[105],"노트북 키보드는 대부분 동시에 몇 개 키만 인식해서, 아주 큰 화음은 음 하나가 빠질 수 있어요. 세 음짜리 화음은 보통 괜찮아요.",{"h2":107,"list":108},"노트북으로 더 잘 치려면",[109,110,111,112,113],"**메트로놈을 켜고** 60~80 BPM 정도로 천천히 시작하세요.","**Space를 누르고 있으면** 레가토 — 서스테인 페달처럼 음이 이어져 울려요. 떼면 소리가 정리돼요.","**Z와 X로** 옥타브를 옮겨서 베이스 라인이나 높은 멜로디를 쳐요.","**유선 이어폰**을 쓰면 소리가 손가락과 딱 맞아요. 블루투스는 지연이 생겨요.","**마음에 드는 게 나오면 녹음**하세요. 첫 음부터 녹음되고, GarageBand, Logic, Ableton용 MIDI로 받거나, [편집기](\u002Fmusic\u002Fedit)에서 틀린 음을 고치거나, 악보로 내보낼 수 있어요.",{"title":115,"items":116},"자주 묻는 질문",[117,120,123,126,129],{"q":118,"a":119},"가운데 도는 어느 키인가요?","시작 옥타브에서는 A예요. Z나 X로 옥타브를 내리거나 올리면, A가 그 옥타브의 도가 돼요.",{"q":121,"a":122},"검은 건반은 어떻게 치나요?","가운데 줄 바로 윗줄로 쳐요. W와 E는 C♯와 D♯, T, Y, U는 F♯, G♯, A♯, O와 P는 다음 C♯와 D♯예요.",{"q":124,"a":125},"서스테인 페달이 있나요?","네, Space를 누르고 있으세요. 터치 화면에서는 서스테인 버튼을 쓰세요.",{"q":127,"a":128},"화음을 치면 왜 음이 다 안 나요?","컴퓨터 키보드는 동시에 누른 키를 몇 개까지만 인식하는 경우가 많아요. 음 수를 줄이거나, 화면에서 손가락으로 화음을 쳐 보세요.",{"q":130,"a":131},"MIDI 키보드를 쓸 수 있나요?","지금은 안 돼요. JotJam 피아노는 터치, 마우스, 컴퓨터 키보드로 쳐요.",[133,137,141,145,149,153,155],{"slug":134,"title":135,"description":136},"how-to-draw-a-floor-plan-online","온라인으로 평면도 그리는 법, 단계별로","브라우저에서 무료로 축척에 맞게 평면도 그리기: 방 치수를 재고, 벽을 정확한 길이로 그리고, 문과 가구를 넣고, 치수를 달아요.",{"slug":138,"title":139,"description":140},"floor-plan-symbols","평면도 기호와 뜻","평면도의 선이 뜻하는 것: 문 열림, 미닫이문, 창문, 계단, 가구, 방위표, 축척 막대, 단면 표시. 무료 SVG 기호도 있어요.",{"slug":142,"title":143,"description":144},"furniture-sizes-for-floor-plans","평면도에 쓰는 가구 크기","침대, 소파, 식탁, 책상, 옷장, 주방·욕실 설비의 보통 크기와 주변에 남겨야 할 공간. 평면도 그릴 때 쓰기 좋게 센티미터로 정리했어요.",{"slug":146,"title":147,"description":148},"section-hatch-patterns","단면도 해치 패턴: 각각 무슨 뜻일까","단면도 해치 패턴의 뜻 — 콘크리트, 벽돌, 지반, 단열재, 목재, 자갈 — 언제 어떤 걸 쓰는지, 읽기 쉽게 그리는 법. 무료 SVG.",{"slug":150,"title":151,"description":152},"sketch-on-a-phone-or-tablet","앱 설치 없이 휴대폰·태블릿으로 스케치하는 법","iPad, 안드로이드 태블릿, 휴대폰 브라우저에서 바로 그리기: Apple Pencil 필압, 확대·축소, PNG 내보내기. 무료, 앱 없음.",{"slug":154,"title":25,"description":27},"play-piano-on-a-computer-keyboard",{"slug":156,"title":157,"description":158},"easy-guitar-chords-for-beginners","초보자를 위한 쉬운 기타 코드","처음 배울 기타 코드 열 개의 프렛 번호, 배우는 순서, 쉬운 코드 진행까지. 무료 온라인 기타로 소리도 들어 보세요.",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":160},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m9 6l6 6l-6 6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":162},"\u003Cpath fill=\"currentColor\" d=\"M12 7a5 5 0 1 1-4.995 5.217L7 12l.005-.217A5 5 0 0 1 12 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":164},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm6 12v-6\"\u002F>\u003Cpath d=\"M8 5v8h2V5m5 14v-6m-1-8v8h2V5\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":166},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 12v.01M3 21h18M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":168},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M5 11a2 2 0 0 1 2 2v2h10v-2a2 2 0 1 1 4 0v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2\"\u002F>\u003Cpath d=\"M5 11V6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v5M6 19v2m12-2v2\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":170},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 3L3 6m18 12l-3 3M11 3l-8 8m13-8L3 16M21 3L3 21M21 8L8 21m13-8l-8 8\"\u002F>",1792672097464]