Inflearn brand logo image
Inflearn brand logo image
채널톡 아이콘
NEW

바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기

Whisper를 로컬에서 실행하고, FastAPI와 Next.js를 활용해 AI 음성 인식 앱을 빠르게 개발하는 실전 프로젝트 강의입니다. 실시간 음성 인식까지 구현하며, 짧은 시간 안에 간단한 포트폴리오로 활용할 수 있는 결과물을 완성할 수 있습니다.

30명 이 수강하고 있어요.

Thumbnail

초급자를 위해 준비한
[프론트엔드, 백엔드] 강의입니다.

이런 걸 배울 수 있어요

  • nextjs

  • whisper

  • fastapi

  • 바이브코딩

주말 프로젝트! Whisper & FastAPI로 음성 인식 웹 앱 빠르게 완성하기

이 강의를 통해 Whisper를 로컬에서 실행하는 방법을 배우고, FastAPI와 Next.js를 활용해 AI 음성 인식 웹 앱을 개발할 수 있습니다.

이 기술은 음성 메모 앱, 실시간 회의 기록 시스템, 자동 자막 생성, 음성 기반 챗봇 등 다양한 분야에서 활용될 수 있습니다.

이런 내용을 배워요

Faster-Whisper

Faster-Whisper의 로컬 실행 방법
Whisper 모델을 API 호출 없이 로컬에서 실행하는 방법을 배웁니다.

CPU 환경에서 Whisper 실행
일반적으로 Whisper는 GPU 환경에서 실행되지만, 이 강의에서는 CPU 전용으로 설정하여 실행하는 방법을 다룹니다. CUDA 설정 없이도 Whisper를 활용할 수 있도록 최적화하는 과정을 학습합니다.

FastAPI를 활용한 음성 변환 API 개발
FastAPI를 이용해 음성을 텍스트로 변환하는 API를 개발하고, 이를 Next.js와 연동하여 실제 서비스처럼 동작하는 음성 메모 웹 앱을 구축하는 방법을 배웁니다.

이 강의를 통해 Whisper 모델을 로컬에서 실행하고, CPU에서도 효율적으로 동작할 수 있도록 구성하는 방법을 익힐 수 있습니다. 🚀

바이브코딩

바이브 코딩을 통한 Next.js 구현
이 강의에서는 바이브 코딩 방식으로 Next.js 프론트엔드를 전부 구현할 예정입니다. 짧은 이론과 짧은 설명으로, cursor ai을 통해 구현하는 방식입니다. 즉, 강의에서 바로 프로젝트를 완성해 가는 방식으로 진행됩니다.

FastAPI와 Next.js 연동
FastAPI로 구현한 faster-Whisper 음성 변환 API를 Next.js 프론트엔드와 연동하는 과정을 실습합니다. 이를 통해 실제로 음성을 업로드하고 변환된 텍스트를 UI에 출력하는 기능을 완성할 수 있습니다.

포트폴리오 초안 프로젝트를 빠르게 완성
이론보다는 바로바로 기능을 구현하는 데 집중하여 강의가 끝나면 하나의 간단한 음성 인식 웹 앱을 갖게 됩니다. 짧은 시간 안에 경험을 쌓을 수 있으며, 이를 본인만의 포트폴리오 프로젝트로 고도화 하여 활용할 수 있습니다.

수강 전 참고 사항

실습 환경

  • CPU: Intel Core i7-12700K 또는 동급 이상 권장

  • RAM: 최소 8GB (권장 16GB 이상)

  • 디스크 공간: Whisper 모델 다운로드 및 캐싱을 위해 최소 5GB 이상 필요

학습 자료

  • GitHub 저장소 링크 (소스 코드 및 프로젝트 파일 제공)

  • 텍스트 문서 및 코드 샘플


선수 지식 및 유의사항

  • Python 기본 문법 및 FastAPI 사용 경험이 있으면 이해가 빠름

  • JavaScript 및 Next.js의 기본 개념이 있으면 프론트엔드 연동이 쉬움

  • REST API 및 WebSocket 개념을 알고 있으면 도움이 됨

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • Whisper 모델을 로컬에서 직접 실행해보고 싶은 분

  • FastAPI와 Next.js를 활용해 AI 기반 프로젝트를 개발하고 싶은 분

  • 실시간 음성 인식 기능을 구현해 보고 싶은 초보 개발자

  • 개인 포트폴리오로 활용할 AI 음성 인식 프로젝트초안을 만들어보고 싶은 분

  • 짧은 시간 안에 프로젝트를 완성하고 싶은 분

선수 지식,
필요할까요?

  • Python 기본 문법 (FastAPI 활용을 위해)

  • JavaScript 및 React 기본 개념 (Next.js 활용을 위해)

  • REST API 및 WebSocket 개념 (백엔드-프론트엔드 연동을 위해)

안녕하세요
ludgi입니다.

243

수강생

6

수강평

3

답변

4.3

강의 평점

6

강의

안녕하세요, 주식회사 럿지의 대표입니다.


저는 스타트업, 금융권, 공공기관 등 다양한 분야에서 프로젝트를 진행하며,

개발뿐만 아니라 서비스를 직접 운영하는 경험을 쌓아왔습니다.

 

이 과정에서 팀원 및 프리랜서들과 협업하며 문제를 해결하고 프로젝트를 완성하는 능력을 길렀습니다.


특히, 단순히 개발자로서의 역할을 넘어서 자신의 서비스를 운영하고자 하는 꿈을 가진 분들께 더 많은 도움을 드릴 수 있다고 생각합니다.

 

완성의 즐거움과 성취감을 함께 경험하며 성장해 나가길 기대합니다. 감사합니다.

더보기

커리큘럼

전체

11개 ∙ (1시간 13분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!