AI·11개월·309·수정됨

홈서버, rust, 백색소음 앱

1주전에 만든 N100 16GB RAM 미니PC 홈서버와

그리고 어제 오늘 공부한 rust 로(물론 코더는 gpt가)

작업용 생산성 백색소음 앱 만들어 봤습니다

기획부터 개발 배포까지 하루 만에 만들었네요

옵시디언 같은 생산성 메모 앱들이 인기가 있습니다만

논리적 전개 즉 CPU 같은 역할이고

저는 GPU 같이 연상작용을 증폭시키는 메모 앱 보조도구를 만들어 보고 싶었던건데

맨 처음에는 sveltekit PWA 와 rust wasm으로 클라이언트 웹브라우저에서 모든것(키워드 입력 + 키워드 음성 생성 + 음성에 사운드 이팩트 처리 + 오디오 재생)을 다하려고 했는데

그건 불가능한 일이었네요. tts라는 것이 쉬운게 아니더라구요.

언어와 음성을 다룬다는것은 ML으로 처리되는 복잡한 것이었고 기본적으로 이 기능을 rust 컴파일에 넣으려면 기술적으로 너무 복잡하고 또 wasm 빌드 크기가 웹에서 사용하기에는 너무 커집니다

결국 백엔드 서버에서 espeaks ng(tts), ffmpeg(wav→mp3) 프로그램 설치하고

rust 로 tts-processor, tts-api-server 2개의 프로그램을 만들어서

server로는 프론트엔드 api 요청을 처리(문자열을 받아서 processor한테 넘겨주고 processor한테 mp3를 받아서 클라이언트 웹브라우저로 보내주는 것)

processor는 문자열로 espeaks ng를 실행시켜서 음성wav를 만들어서 각종 사운드 이팩트 처리해서 백색소음 만들고 그 wav파일을 ffmpeg한테 전달해서 mp3로 압축하는 것

프론트엔드는 sveltekit PWA로 빌드해서 cloudflare pages에 배포

백엔드 서버로 API 요청은 cloudflared tunnel 통해서 nginx 리버스 프록시 통해서 내부망 사설IP 의 미니PC의 rust 로 만든 tts-api-server 로 연결

코더는 gemini cli

며칠 안쓴 동안에도 버전 업 되었고 성능이 더 더 좋아졌네요. rust는 오히려 gpt가 더 잘 할수도 있겠더라구요. 왜냐면 compile할때 워낙 자세한 에러 이유를 잘 설명해주니까 gemini cli가 코드작성하고 리팩터링하고 빌드까지 다 하면서 그 에러를 막바로 보고 다시 고치고 또 빌드하니까요 필요하면 라이브러리 종속성도 알아서 변경하고

원래는 백엔드 API서버 프로그램은 go로 만들려고 했는데 왜냐면 다른 웹 애플리케이션도 다 go로 만들어왔고 그 세팅 그대로 쓰면 편하기 때문에. 근데 rust로 api server 금방 만드는 것보고 그냥 썼어요. 잘 작동하네요

아래의 홍보문구도 gemini cli 한테 시켜서 만든겁니다

같이 만들었으니까 그 누구보다도 더 홍보문구도 잘 만듭니다