반응형 WebDevelopment2 AIKit #5 - PHP 프로젝트에서 AIKit 연동하기 AIKit — PHP 연동 가이드왜 클라이언트 사이드 AI인가"JavaScript 라이브러리를 PHP 프로젝트에 어떻게 쓰지?"라는 질문을 받는다. 답은 클라이언트 사이드에서 AI를 처리하고, PHP는 데이터 저장만 담당하는 구조다.전통적 방식 vs 클라이언트 사이드 AI항목서버 사이드 AI클라이언트 사이드 AI (AIKit)API 호출PHP → AI API브라우저 → AI API서버 부하모든 요청이 서버 경유서버 부하 0응답 속도서버 왕복 추가직접 통신 (빠름)프로바이더 변경백엔드 재배포프론트엔드만 수정아키텍처브라우저├── AIKit (CDN) → AI API 직접 통신└── AJAX → PHP 서버 → DB 저장PHP: 인증, 데이터 저장, 비즈니스 로직AIKit: AI 통신, 응답 처리, 클라이언트.. 2026. 2. 8. AIKit #4 - 5분 만에 AI 챗봇 만들기 AIKit — 5분 챗봇 튜토리얼목표프레임워크 없이, HTML 파일 하나로 AI 챗봇을 만든다. React도 Vue도 필요 없다. AIKit CDN 한 줄이면 된다.준비물텍스트 에디터웹 브라우저AI API 키 1개 (OpenAI, Claude, Gemini 중 아무거나)1단계: HTML 구조 전송 한 줄로 AIKit이 로드된다. 빌드 도구 없이 바로 사용 가능하다.2단계: AIKit 초기화// AIKit 인스턴스 생성const ai = new AIKit({ provider: 'openai', apiKey: localStorage.getItem('apiKey') || prompt('API Key를 .. 2026. 2. 7. 이전 1 다음 반응형
