코드 한 줄 몰라도 AI 와 함께 프로그램을 만들 때, 남이 공개해 둔 좋은 도구를 잘 고르는 게 절반이에요. 이 사이트와 중학교선생님 앱에 실제로 들어간 것만 골라 쉽게 소개해요.
화면을 작은 부품으로 나눠 만드는 라이브러리
만든 코드를 빠르게 묶어 올리는 빌드 도구
웹 브라우저에서 3D 를 그리는 라이브러리
VRoid 캐릭터(.vrm)를 three.js 로 움직이기
내 PC 에서 AI 모델을 돌리는 프로그램
말소리를 글자로 바꾸는 음성 인식
영상 정보·자막을 받아 오는 도구
영상·소리를 자르고 바꾸는 도구
인터넷 없이 내 PC 에서 목소리 만들기
React 는 버튼, 카드, 목록 같은 화면 조각을 "부품(컴포넌트)"으로 만들고, 그 부품을 조립해 페이지를 만드는 라이브러리예요. 숫자가 바뀌면 그 부품만 다시 그려 줘서, 증시 시세처럼 자주 바뀌는 화면에 잘 맞아요.
MINJINE 의 메인 화면, 증시 전용 페이지, 운세방, 심리방이 모두 React 부품으로 되어 있어요. AI 에게 "카드 모양 부품을 만들어 줘"라고 하면 바로 쓸 수 있는 코드를 받기 쉬운 것도 장점이에요.
MIT 라이선스라 써도 돼요. 라이선스 문구(저작권 표시)를 함께 두는 조건만 지키면 돼요.
Vite 는 만든 코드를 브라우저가 읽을 수 있게 묶어 주는 빌드 도구예요. 개발할 때는 저장하는 순간 화면이 바로 바뀌고, 다 만들면 가볍게 묶어서 올릴 수 있게 해 줘요.
MINJINE 은 메인, 관리자, 증시, 운세방, 심리방 페이지를 Vite 로 한 번에 묶어 클라우드플레어에 올려요. 무거운 3D 부분은 선생님이 나올 때만 따로 받도록 나눠 두었어요.
MIT 라이선스라 써도 돼요.
three.js 는 브라우저 안에서 3D 장면을 그려 주는 무료 라이브러리예요. 장면(무대), 카메라(눈), 빛을 만들고 그 안에 캐릭터를 올리면 끝이에요. MINJINE 의 증시 선생님도 이 방법으로 손님 화면에서 직접 움직여요. 사장님 PC 가 꺼져 있어도 되는 이유예요.
const scene = new THREE.Scene(); const camera = new THREE.PerspectiveCamera(22, w / h, 0.1, 20); scene.add(vrm.scene); // 선생님 올리기 renderer.render(scene, camera); // 그리기
AI 에게 "three.js 로 이 모델을 화면 가운데 세워 줘"라고 말하면 이런 코드를 같이 만들어 줘요.
MIT 라이선스라 써도 돼요.
VRoid Studio 로 만든 캐릭터는 .vrm 이라는 파일로 나와요. three-vrm 은 이 파일을 three.js 로 불러와 눈 깜빡임, 입 모양(아·이·우·에·오), 시선, 머리카락 흔들림을 쉽게 다루게 해 줘요. 같은 팀이 만든 three-vrm-animation 으로는 손 흔들기 같은 동작 파일(.vrma)도 재생해요.
MINJINE 선생님이 말할 때 입이 움직이고 차트를 가리키는 것이 이 라이브러리 덕분이에요. 캐릭터 모델 자체는 VRoid 공식 샘플처럼 상업 이용이 허락된 것만 써요.
라이브러리는 MIT 라 써도 돼요. 단, 캐릭터 모델은 모델마다 이용 조건이 따로 있으니 꼭 확인하세요.
Ollama 는 공개된 AI 모델을 내 컴퓨터에서 내려받아 돌려 주는 프로그램이에요. 인터넷 AI 서비스에 돈을 내지 않아도, 질문을 밖으로 보내지 않고도 AI 답변을 만들 수 있어요.
MINJINE 에서는 사장님이 "일꾼 켜기"를 누르면 PC 의 Ollama 가 사이트 질문에 답해요. PC 가 꺼져 있으면 클라우드 AI 가 대신 답하도록 이어 두었어요.
Ollama 프로그램은 MIT 라 써도 돼요. 다만 그 안에서 돌리는 AI 모델은 모델마다 라이선스가 달라요(상업 이용 금지인 모델도 있어요).
whisper.cpp 는 OpenAI 가 공개한 음성 인식 모델 Whisper 를 일반 PC 에서도 빠르게 돌리도록 만든 프로그램이에요. 영상이나 녹음 파일을 넣으면 시간이 붙은 자막을 만들어 줘요.
중학교선생님 앱은 이것으로 영상의 말을 글로 바꾼 뒤 요약하고 퀴즈를 만들어요.
MIT 라이선스라 써도 돼요.
yt-dlp 는 영상 사이트에서 제목, 길이, 자막 같은 정보를 받아 오는 명령어 도구예요. 중학교선생님 앱의 "유튜브 요약"이 이것으로 자막을 가져와요.
도구 자체는 Unlicense(사실상 자유 이용)예요. 하지만 남의 영상을 받아 다시 올리거나 파는 것은 영상 주인의 저작권과 사이트 이용 약관 문제예요. 정보·자막을 참고하는 데만 쓰세요.
FFmpeg 는 영상과 소리를 자르고, 붙이고, 크기와 형식을 바꾸는 도구예요. 거의 모든 영상 프로그램이 안에서 FFmpeg 를 쓰고 있다고 할 만큼 널리 쓰여요.
MINJINE 의 쇼츠 공장은 방송 화면 녹화를 세로 1080×1920 쇼츠로 바꿀 때 FFmpeg 를 써요.
써도 되지만 조건이 조금 까다로워요. 기본은 LGPL 이고, 일부 부품을 넣어 빌드하면 GPL 이 돼요. 프로그램 안에 넣어 함께 배포할 때는 라이선스 원문을 꼭 확인하세요. 서버나 내 PC 에서 도구로만 쓰는 것은 부담이 적어요.
sherpa-onnx 는 음성 인식과 음성 합성(글을 목소리로)을 내 PC 에서, 인터넷 없이 돌리게 해 주는 도구예요. 중학교선생님 앱의 "내 PC 목소리"가 이것으로 만들어져요.
도구는 Apache-2.0 이라 써도 돼요. 목소리 모델은 모델마다 이용 조건이 다르니 확인하세요.