1. 실행순서

1.1. 백엔드 실행 (Flask)

1. 가상환경 활성화

1
.\venv\Scripts\Activate

1. backend 폴더로 이동

1
cd backend

1. 서버 실행

1
python app.py

→ 주소: http://127.0.0.1:5000 (또는 http://localhost:5000)

1.2. 프론트엔드 실행 (Vite + React)

1. 프론트 프로젝트 루트(yt-app)로 이동

1
cd frontend

1. 개발 서버 실행

1
npm run dev

→ 주소: http://localhost:5173 (Vite 기본 포트, 수정했으면 다른 포트)

1.3. 연동 확인

• 프론트에서 API 요청 주소를 프록시(/api → 5000) 또는 직접 http://localhost:5000 으로 맞춰야 함.
• 네트워크 탭에서 요청이 200 OK로 오는지 확인.

1.4. 실행 순서 요약

1. (venv) 켜고 → backend 들어가서 → python app.py
2. 새 터미널 열고 → yt-app 루트에서 → npm run dev
3. 브라우저로 http://localhost:5173 접속 → 백엔드와 통신 확인