목록으로
교육·학습을 위한 AI 활용
언제 어디서나 나만의 악보를 작업할 수 있어요.
웹에서 바로 악보를 작업할 수 있는 웹사이트 구현
🤖 활용 AI 도구
Claude code, Codex
① 어떤 상황에서 AI를 활용했나요?
복잡한 설치나 번거로운 세팅 없이 웹에서 바로
악보 작업을 할 수 있도록 기능들을 하나하나 구현해보고 있어요.
② 어떤 AI를 어떻게 활용했나요?
Claude code와 Codex를 병행해서 바이브 코딩으로 웹앱을 개발해보고 있습니다.
코딩을 한줄도 입력못하는 비개발자이지만, 바이브코딩 기술이 점점 좋아지면서
개발까지 하게 되었습니다.
그동안 사용했던 악보 작업 프로그램들의 장점과 단점을 비교하면서
장점은 살리고 단점은 보완하기위해 노력했습니다.
③ 활용 결과 어떤 변화가 있었나요?
다른 악보작업 프로그램들처럼 복잡한 설치과정이나 번거로운 세팅이 없고,
간단한 악보를 마우스 클릭으로 바로 작업할 수 있습니다.
기본적인 조작은 따로 배우지 않아도 바로 시작할 수 있도록 조작의 편의성을 높혔습니다.
④ 나만의 방식 또는 개선 포인트는 무엇인가요?
악보 작업을 시작하려고 할때 겪는 장애물중에 하나가 악보 프로그램들에서 느끼는 복잡한 UI이거든요.
그래서 컴퓨터로 악보를 그리는 작업이 익숙치 않은 분들을 위해서 메뉴들을 좀더 보기 쉽게 직관적인 UI로 바꾸려고 했어요.
입력하려는 음표가 마우스 커서를 따라다니도록 해서, 오선의 어느 지점에 입력할 수 있는지 바로 알수 있도록 세팅했어요.
음표와 쉼표를 단축키로도 한 번에 바꿀 수 있도록 세팅했습니다.
가사의 크기, 위치, 굵기, 기울기, 색상을 슬라이드바로 쉽게 변경할 수 있어요.
오선 간격과 마디 간격, 오선 크기, 오선당 마디수도 슬라이드바로 쉽게 변경할 수 있어요.
작업이 끝난 악보는 바로 그림파일이나 PDF파일로 다운받을 수 있도록 설정했어요.
⑤ 다른 사람도 따라 할 수 있나요?
예, 웹으로 배포했기 때문에 무료로 사용 가능합니다.
복잡한 설치나 번거로운 세팅 없이 웹에서 바로
악보 작업을 할 수 있도록 기능들을 하나하나 구현해보고 있어요.
② 어떤 AI를 어떻게 활용했나요?
Claude code와 Codex를 병행해서 바이브 코딩으로 웹앱을 개발해보고 있습니다.
코딩을 한줄도 입력못하는 비개발자이지만, 바이브코딩 기술이 점점 좋아지면서
개발까지 하게 되었습니다.
그동안 사용했던 악보 작업 프로그램들의 장점과 단점을 비교하면서
장점은 살리고 단점은 보완하기위해 노력했습니다.
③ 활용 결과 어떤 변화가 있었나요?
다른 악보작업 프로그램들처럼 복잡한 설치과정이나 번거로운 세팅이 없고,
간단한 악보를 마우스 클릭으로 바로 작업할 수 있습니다.
기본적인 조작은 따로 배우지 않아도 바로 시작할 수 있도록 조작의 편의성을 높혔습니다.
④ 나만의 방식 또는 개선 포인트는 무엇인가요?
악보 작업을 시작하려고 할때 겪는 장애물중에 하나가 악보 프로그램들에서 느끼는 복잡한 UI이거든요.
그래서 컴퓨터로 악보를 그리는 작업이 익숙치 않은 분들을 위해서 메뉴들을 좀더 보기 쉽게 직관적인 UI로 바꾸려고 했어요.
입력하려는 음표가 마우스 커서를 따라다니도록 해서, 오선의 어느 지점에 입력할 수 있는지 바로 알수 있도록 세팅했어요.
음표와 쉼표를 단축키로도 한 번에 바꿀 수 있도록 세팅했습니다.
가사의 크기, 위치, 굵기, 기울기, 색상을 슬라이드바로 쉽게 변경할 수 있어요.
오선 간격과 마디 간격, 오선 크기, 오선당 마디수도 슬라이드바로 쉽게 변경할 수 있어요.
작업이 끝난 악보는 바로 그림파일이나 PDF파일로 다운받을 수 있도록 설정했어요.
⑤ 다른 사람도 따라 할 수 있나요?
예, 웹으로 배포했기 때문에 무료로 사용 가능합니다.
📎 첨부파일 (1)
📄 Simple Score 소개01.mp4