🎨 μŠ€ν”Όμ»€ UI 개발 κ°€μ΄λ“œ

React 기반의 μžλ§‰μ„ ν‘œκΈ°ν•˜λŠ” μŠ€ν”Όμ»€μ˜ UIμž…λ‹ˆλ‹€.

μ£Όμš” 기술 μŠ€νƒ

  • React + Vite + TailwindCSS
  • TypeScript
  • Material UI
  • Axios (REST API 연동)

νŽ˜μ΄μ§€ ꡬ성

  • ν™ˆ ν™”λ©΄ (μžλ§‰)
  • μ•Œλ¦Ό μ„€μ •/관리 νŽ˜μ΄μ§€(κ°œλ°œμ˜ˆμ •)

μ‹€ν–‰ 및 배포

npm run dev          # 개발용 μ‹€ν–‰
npm run build        # 정적 파일 λΉŒλ“œ
cp -r dist/ <FastAPI_main.py_directory>  # EC2에 배포 μ‹œ

λ˜λŠ” FastAPI λ‚΄ 정적 λΌμš°ν„° μ‚¬μš©(ν•΄λ‹Ή λ°©λ²•μœΌλ‘œ 배포):

app.mount("/", StaticFiles(directory="frontend/dist", html=True), name="static")