HTML, CSS, JavaScript, API, MCP를 직접 다뤄보세요. 복잡한 이론이나 세팅 없이, 실용적인 프로젝트 중심의 웹/AI 기초 학습을 제공합니다.
async function runMcpProject() {
// Fetch data from an external API
const response = await fetch("/api/mcp-server");
const data = await response.json();
// Render simple HTML & JS result in your browser
document.getElementById("output").innerText = data.result;
}핵심 개념을 하나씩 익히며 실제 작동하는 도구와 AI 서비스를 연결해 보세요.
기본적인 UI 레이아웃을 만들고, JavaScript로 웹페이지에 동적인 상호작용을 추가하는 법을 배웁니다.
웹 애플리케이션이 외부 서비스와 통신하는 원리를 이해하고, HTTP 요청과 JSON 데이터를 직접 다뤄봅니다.
MCP를 활용해 AI 모델을 실무 도구 및 데이터와 연결하고 실용적인 AI 앱을 완성합니다.
지금 code-play에서 HTML, CSS, JS, MCP 기초를 시작해 보세요.