자바스크립트를 이용한 생성 AI
1.0.0
이 저장소가 마음에 들면 GitHub에 별표를 표시해 주세요. 많은 도움이 됩니다!
개요 • 빠른 시작 • 비디오 시리즈 • 튜토리얼 • 코드 샘플 • 커뮤니티 • 추가 리소스
이 저장소는 JavaScript를 사용한 Generative AI 주제와 관련된 콘텐츠를 중앙 집중화하는 것을 목표로 합니다. AI 기술을 강화하기 위한 모범 사례와 팁이 포함된 코드 샘플, 튜토리얼은 물론 비디오 시리즈의 모든 리소스를 찾을 수 있습니다. AI를 시작하려는 JavaScript 개발자이거나 이미 경험이 있고 더 많은 것을 배우고 싶다면 잘 찾아오셨습니다!
생성적 AI의 기본 사항과 로컬 개발부터 Azure 배포, AI 모델 실행 및 확장까지 JavaScript를 사용하여 AI 애플리케이션을 구축하는 방법을 다룹니다. 이곳은 살아있는 저장소이므로 자주 방문하여 새로운 콘텐츠를 확인하세요!
비디오 시리즈 보기
중요한
이 저장소의 모든 콘텐츠는 오픈 소스이므로 자유롭게 재사용하고, 수정하여 자신만의 콘텐츠로 만들고, 다른 사람들과 공유하세요!
슬라이드, 데모, 스크립트는 물론 추가 코드 샘플, 자습서 및 리소스를 포함하여 비디오 시리즈와 관련된 모든 콘텐츠를 저장소에서 찾을 수 있습니다. 이를 사용하여 시리즈를 따라가거나, 데모를 실행하거나, 세션을 재생하거나, 프레젠테이션에서 콘텐츠를 재사용할 수 있습니다. 필요한 것이 무엇인지 알게 되면 코드 샘플과 튜토리얼을 사용하여 자신만의 AI 애플리케이션을 시작할 수 있습니다.
다음과 같이 구성되어 있습니다.
코드를 직접 작성하고 싶다면 다음 빠른 시작 중 하나를 선택하여 바로 시작할 수 있습니다.
| # | 세션 | 설명 | 슬라이드 | 데모 | 스크립트 | 동영상 |
|---|---|---|---|---|---|---|
| 0 | 시리즈 소개 | 시리즈와 내용을 소개합니다. | pptx/pdf | - | 스크립트 | |
| 1 | LLM에 대해 알아야 할 사항 | LLM이 무엇인지, 어떻게 교육을 받는지, 어떻게 작동하는지, 그리고 그 한계를 알아봅니다. | pptx/pdf | 데모 | 스크립트 | |
| 2 | 필수 프롬프트 엔지니어링 기술 | AI 모델을 최대한 활용하기 위한 실용적이고 신속한 엔지니어링 기술입니다. | pptx/pdf | 데모 | 스크립트 | |
| 3 | RAG를 통해 AI 정확성과 신뢰성 향상 | 자신의 데이터에 AI를 활용하는 검색 증강 생성(Retrieval-Augmented Generation)을 도입합니다. | pptx/pdf | 데모 | 스크립트 | |
| 4 | LangChain.js로 AI 개발 속도를 높이세요 | LangChain.js 프레임워크 핵심 개념과 이를 사용하여 AI 개발을 가속화하는 방법을 다룹니다. | pptx/pdf | 데모 | 스크립트 | |
| 5 | Ollama를 사용하여 로컬 머신에서 AI 모델 실행 | 로컬 AI 모델을 개발 워크플로에 통합하는 방법을 보여줍니다. | pptx/pdf | 데모 | 스크립트 | |
| 6 | Phi-3을 사용하여 무료로 AI 시작하기 | 브라우저에서 직접 Ollama 및 Phi-3 모델을 실험해 보세요. | pptx/pdf | 데모 | 스크립트 | |
| 7 | Azure AI Foundry 소개 | Azure AI Foundry로 여정을 시작해 보세요. | pptx/pdf | 데모 | 스크립트 | |
| 8 | Azure Cosmos DB를 사용하여 생성적 AI 앱 빌드 | Azure Cosmos DB 및 벡터 검색을 사용하여 생성 AI 앱을 빌드하세요. | pptx/pdf | 데모 | 스크립트 | |
| 9 | AI 앱 호스팅 및 저장을 위한 Azure 도구 및 서비스 | Azure 도구를 사용하여 AI 애플리케이션을 빌드, 배포 및 확장하세요. | pptx/pdf | - | 스크립트 | |
| 10 | AI Chat 프로토콜을 사용하여 Generative AI 출력 스트리밍 | AI 채팅 프로토콜을 사용하여 스트리밍을 앱에 쉽게 통합하세요. | pptx/pdf | 데모 | 스크립트 |
시간이 지남에 따라 새로운 세그먼트가 시리즈에 추가될 예정이므로 계속 지켜봐 주시기 바랍니다!
데모는 데모/ 폴더에 있으며 세션별로 구성됩니다. 각 세션에는 데모, 전제 조건 및 실행 방법을 설명하는 readme.md 파일이 있는 폴더가 있습니다.
JavaScript로 AI를 활용하는 애플리케이션을 구축하는 과정을 안내하는 단계별 지침과 함께 AI 기술을 실제로 적용할 수 있는 실습 튜토리얼을 여기에서 찾을 수 있습니다.
| 이름 | 설명 | 지속 | 수준 | 모래밭 |
|---|---|---|---|---|
| Azure OpenAI RAG 워크숍 - Qdrant 버전 | 문서 모음을 기반으로 사용자 정의 ChatGPT 경험의 기본 사항을 살펴보세요. 벡터 데이터베이스를 만들고 PDF 문서의 데이터를 채운 다음, 이러한 문서에 포함된 정보에 대해 질문할 수 있는 채팅 웹사이트와 API를 구축할 것입니다. | 3시간 | 초보자 | 튜토리얼/레포 |
| Azure OpenAI RAG 워크숍 - AI 검색 버전 | 문서 모음을 기반으로 사용자 정의 ChatGPT 경험의 기본 사항을 살펴보세요. 벡터 데이터베이스를 만들고 PDF 문서의 데이터를 채운 다음, 이러한 문서에 포함된 정보에 대해 질문할 수 있는 채팅 웹사이트와 API를 구축할 것입니다. | 3시간 | 초보자 | 튜토리얼/레포 |
| OpenAI, 커뮤니케이션 및 조직 데이터 기능을 LOB 앱에 통합 | 이 자습서에서는 Azure OpenAI, Azure Communication Services 및 Microsoft Graph/Microsoft Graph Toolkit을 LOB(기간 업무) 애플리케이션에 통합하여 사용자 생산성을 향상하고 사용자 환경을 향상시키며 LOB 앱을 한 단계 더 발전시킬 수 있는 방법을 보여줍니다. | 3시간 | 초보자 | 튜토리얼/레포 |
다음 코드 샘플은 자신만의 AI 애플리케이션 구축을 시작하는 데 도움이 됩니다. 이를 사용하여 애플리케이션을 설계하고, 다양한 기능을 실험하거나, 자신의 프로젝트를 위한 시작점으로 사용하는 방법을 배우십시오.
| 이름 | 설명 | GitHub 레포 | 기술 |
|---|---|---|---|
| LangChain.js를 사용하여 RAG와 서버리스 AI 채팅 | 이 샘플은 LangChain.js 및 Azure를 사용하여 검색 증강 생성을 통해 서버리스 AI 채팅 환경을 구축하는 방법을 보여줍니다. | 레포 | LangChain.js, Lit, Vite, Azure OpenAI, Azure Cosmos DB, Azure Blob Storage, Azure Functions, Azure Static Web Apps, AZD |
| LlamaIndex를 사용한 서버리스 Azure OpenAI 빠른 시작 | 이 샘플은 Azure에서 LlamaIndex.ai를 빠르게 시작하는 방법을 보여줍니다. | 레포 | LlamaIndex.ts, Next.js, Azure OpenAI, Azure 컨테이너 앱, Docker, AZD |
| 서버리스 Azure OpenAI 도우미 빠른 시작 | Azure OpenAI Assistants를 사용하면 사용자 지정 지침을 통해 필요에 맞게 조정되고 고급 도구로 강화된 AI 도우미를 만들 수 있습니다. | 레포 | HTML-CSS-JavaScript, Azure 정적 웹 앱, Azure Blob Storage, Azure Functions, Azure OpenAI, AZD |
| Azure Container Apps의 LlamaIndex 및 코드 해석기를 사용하는 서버리스 RAG 애플리케이션 | 이것은 create-llama로 부트스트랩된 Next.js를 사용하는 LlamaIndex 프로젝트입니다. Azure Container Apps를 서버리스 배포 플랫폼으로 사용합니다. | 레포 | Azure OpenAI, LlamaIndex, Azure 컨테이너 앱, Next.js, GitHub Actions, TypeScript, AZD |
| Azure OpenAI 키 없는 배포 | 키 없는 액세스를 위한 사용자 계정에 대한 Azure OpenAI 배포 및 RBAC 역할의 예입니다. | 레포 | Azure OpenAI, AZD, 자바스크립트 |
| Azure OpenAI 보안 UI 스타터 | Azure를 사용한 AI Chat을 위한 재사용 가능한 OpenAI 보안 UI 및 인프라입니다. | 레포 | Lit, Vite, 웹 구성 요소, Azure OpenAI, Azure Blob Storage, Azure Functions, Azure Static Web Apps, AZD |
| LangChain.js를 사용한 Azure OpenAI | LangChain.js와 함께 Azure OpenAI를 사용하는 방법을 보여줍니다. | 레포 | LangChain.js, Azure OpenAI, TypeScript |
| Azure Open AI를 사용한 Azure API 관리 | Azure Open AI 엔드포인트 위에 Azure API Management를 추가하는 방법을 보여줍니다. | 레포 | Azure Open AI, Azure API 관리, Express, Node.js, AZD |
| YouTube에 문의: LangChain.js + Azure 빠른 시작 | 로컬에서 Azure까지 LangChain.js를 사용하여 생성적 AI 애플리케이션을 빌드합니다. | 레포 | LangChain.js, Azure OpenAI, Azure AI 검색, Azure Functions |
| 올라마 자바스크립트 플레이그라운드 | Ollama OpenAI API와 JavaScript를 사용한 생성적 AI 놀이터. 브라우저에서 AI 모델을 사용해 보세요! | 레포 | TypeScript, Ollama, Azure OpenAI, GitHub Codespaces |
| Copilot / Node.js + OpenAI Todo 앱 | GitHub Copilot을 사용하여 OpenAI 및 Azure로 Node.js 애플리케이션을 빠르게 빌드하는 방법을 알아보세요. | 레포 | Azure OpenAI, Azure App Service, Azure CosmosDB, Express, TypeScript, TypeChat, GitHub Actions |
| Azure OpenAI 및 Azure AI Search를 사용한 ChatGPT + 엔터프라이즈 데이터 | Azure에서 실행되는 검색 증강 생성 패턴을 위한 TypeScript 샘플 앱입니다. | 레포 | LangChain.js, Lit, Vite, Azure OpenAI, Azure Cosmos DB, Azure 블로그 저장소, Azure 컨테이너 앱, Azure 정적 웹 앱, Docker, AZD |
| Azure OpenAI 채팅 프런트엔드 | Azure OpenAI 및 Azure AI Search를 사용하여 구축된 RAG 패턴 애플리케이션과 같은 chat-gpt를 위한 채팅 앱 프로토콜 규격 사용자 인터페이스 빌딩 블록입니다. | 레포 | 채팅 프로토콜, Lit, Azure Static Web Apps, AZD |
| JavaScript용 엔터프라이즈급 참조 아키텍처 | OpenAI 통합, Azure 개발자 CLI 템플릿 및 Playwright 테스트를 갖춘 JavaScript용 지능형 엔터프라이즈급 참조 아키텍처입니다. | 레포 | Azure 컨테이너 앱, Azure Functions, Azure Cosmos DB, SWA, Fastify, Next.js, Angular, AZD |
Discord에서 Azure AI 커뮤니티에 참여하세요: https://aka.ms/genai-discord
다른 사람들과 소통하고 싶다면 AI에 대한 열정이 있고 항상 기꺼이 도와줄 AI 애호가, 개발자, 전문가로 구성된 커뮤니티가 있습니다.
질문을 하고, 프로젝트를 공유하고, 좋아하는 주제에 관해 토론할 수 있는 전용 #JavaScript 채널도 있습니다.
다음은 AI 여정에서 유용할 수 있는 몇 가지 추가 리소스입니다.
