https://github.com/9bow/learn-web-for-ai-devs
Web fundamentals for AI developers
https://github.com/9bow/learn-web-for-ai-devs
Last synced: about 1 month ago
JSON representation
Web fundamentals for AI developers
- Host: GitHub
- URL: https://github.com/9bow/learn-web-for-ai-devs
- Owner: 9bow
- Created: 2026-04-14T05:27:48.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2026-05-16T09:45:45.000Z (2 months ago)
- Last Synced: 2026-05-16T11:44:04.790Z (2 months ago)
- Language: MDX
- Homepage: https://9bow.github.io/learn-web-for-ai-devs/
- Size: 457 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Web for AI Devs
AI 모델 개발자를 위한 Web/HTTP 완전 정복 학습 사이트입니다. 모델을 만드는 데 익숙하지만 서비스화, 프론트엔드, 백엔드, DB, 배포 구조가 낯선 개발자가 HTTP 기초부터 React + FastAPI + SQLite 풀스택 실습까지 이어서 학습할 수 있도록 구성했습니다.
## 대상
- `/predict` 엔드포인트는 만들어 봤지만 웹 서비스 전체 구조가 낯선 AI/ML 개발자
- nginx, CORS, 세션, JWT, SSE, WebSocket, SSR/CSR 같은 용어를 실무 맥락에서 정리하려는 개발자
- Claude Code와 함께 작은 풀스택 프로토타입을 만들어 보려는 학습자
## 구성
- 10개 섹션
- 48개 MDX 챕터
- 10개 섹션별 퀴즈
- Astro 6 + Starlight + React 기반
## 커리큘럼
1. 웹의 본질: HTTP와 클라이언트-서버
2. 서버 아키텍처: Web / WAS / DB
3. 고급 HTTP와 실시간 통신: WebSocket, SSE, Long Polling, gRPC
4. 확장성: 로드밸런서와 스케일링
5. 프론트엔드의 진화: HTML에서 SPA로
6. React 생태계와 Next.js의 필요성
7. 백엔드 API: FastAPI와 Python 생태계
8. 데이터 계층: SQLite와 ORM
9. 실습: Claude Code로 React + FastAPI + SQLite 앱 만들기
10. Best Practice와 리뷰 체크리스트
## 로컬 개발
```bash
pnpm install
pnpm dev
pnpm build
pnpm preview
```
## 주요 경로
- 문서 본문: `src/content/docs/`
- 퀴즈 데이터: `public/data/quiz/`
- 공통 학습 컴포넌트: `src/components/learning/`
- 스타일: `src/styles/`
- 사이트 설정: `astro.config.mjs`
## 배포 메모
`astro.config.mjs`의 `site`와 `base`는 GitHub Pages 배포 경로에 맞춰 설정되어 있습니다. 배포 대상 저장소나 계정이 바뀌면 해당 값을 먼저 확인하세요.