{"id":50670326,"url":"https://github.com/9bow/learn-web-for-ai-devs","last_synced_at":"2026-06-08T10:33:40.878Z","repository":{"id":351267752,"uuid":"1210119330","full_name":"9bow/learn-web-for-ai-devs","owner":"9bow","description":"Web fundamentals for AI developers","archived":false,"fork":false,"pushed_at":"2026-05-16T09:45:45.000Z","size":468,"stargazers_count":0,"open_issues_count":2,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-05-16T11:44:04.790Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://9bow.github.io/learn-web-for-ai-devs/","language":"MDX","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/9bow.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-04-14T05:27:48.000Z","updated_at":"2026-05-16T09:45:48.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/9bow/learn-web-for-ai-devs","commit_stats":null,"previous_names":["9bow/learn-web-for-ai-devs"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/9bow/learn-web-for-ai-devs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/9bow%2Flearn-web-for-ai-devs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/9bow%2Flearn-web-for-ai-devs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/9bow%2Flearn-web-for-ai-devs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/9bow%2Flearn-web-for-ai-devs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/9bow","download_url":"https://codeload.github.com/9bow/learn-web-for-ai-devs/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/9bow%2Flearn-web-for-ai-devs/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34059156,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-08T02:00:07.615Z","response_time":111,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-06-08T10:33:39.785Z","updated_at":"2026-06-08T10:33:40.870Z","avatar_url":"https://github.com/9bow.png","language":"MDX","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Web for AI Devs\n\nAI 모델 개발자를 위한 Web/HTTP 완전 정복 학습 사이트입니다. 모델을 만드는 데 익숙하지만 서비스화, 프론트엔드, 백엔드, DB, 배포 구조가 낯선 개발자가 HTTP 기초부터 React + FastAPI + SQLite 풀스택 실습까지 이어서 학습할 수 있도록 구성했습니다.\n\n## 대상\n\n- `/predict` 엔드포인트는 만들어 봤지만 웹 서비스 전체 구조가 낯선 AI/ML 개발자\n- nginx, CORS, 세션, JWT, SSE, WebSocket, SSR/CSR 같은 용어를 실무 맥락에서 정리하려는 개발자\n- Claude Code와 함께 작은 풀스택 프로토타입을 만들어 보려는 학습자\n\n## 구성\n\n- 10개 섹션\n- 48개 MDX 챕터\n- 10개 섹션별 퀴즈\n- Astro 6 + Starlight + React 기반\n\n## 커리큘럼\n\n1. 웹의 본질: HTTP와 클라이언트-서버\n2. 서버 아키텍처: Web / WAS / DB\n3. 고급 HTTP와 실시간 통신: WebSocket, SSE, Long Polling, gRPC\n4. 확장성: 로드밸런서와 스케일링\n5. 프론트엔드의 진화: HTML에서 SPA로\n6. React 생태계와 Next.js의 필요성\n7. 백엔드 API: FastAPI와 Python 생태계\n8. 데이터 계층: SQLite와 ORM\n9. 실습: Claude Code로 React + FastAPI + SQLite 앱 만들기\n10. Best Practice와 리뷰 체크리스트\n\n## 로컬 개발\n\n```bash\npnpm install\npnpm dev\npnpm build\npnpm preview\n```\n\n## 주요 경로\n\n- 문서 본문: `src/content/docs/`\n- 퀴즈 데이터: `public/data/quiz/`\n- 공통 학습 컴포넌트: `src/components/learning/`\n- 스타일: `src/styles/`\n- 사이트 설정: `astro.config.mjs`\n\n## 배포 메모\n\n`astro.config.mjs`의 `site`와 `base`는 GitHub Pages 배포 경로에 맞춰 설정되어 있습니다. 배포 대상 저장소나 계정이 바뀌면 해당 값을 먼저 확인하세요.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F9bow%2Flearn-web-for-ai-devs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F9bow%2Flearn-web-for-ai-devs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F9bow%2Flearn-web-for-ai-devs/lists"}