choijming21 님의 블로그

오늘은 라우트 핸들러에 대해 학습해보겠습니다. 먼저 Route Handler란 특정 URL 경로(route)로 들어오는 요청을 처리하는 함수입니다. 쉽게 말해서 "특정 주소로 요청이 왔을 때 어떻게 응답할지 정의하는 함수"라고 생각하면 됩니다. // courses/route.tsimport { NextResponse } from 'next/server'// GET /api/coursesexport async function GET() { try { // 1. 데이터베이스에서 모든 강의 정보를 가져옴 const courses = await prisma.course.findMany({ where: { isActive: true } }); // 2. 클라이언트에게 JSON 형태..

1. 프로젝트 구조📦src ┣ 📂types ┃ ┗ 📜createElementTypes.ts // 타입 정의 ┣ 📜App.tsx // 메인 컴포넌트, 진입점 ┣ 📜jsx.ts // createElement 구현 ┣ 📜render.ts // Virtual DOM → 실제 DOM 변환 ┗ 📜style.css // 스타일    2. Virtual DOM 렌더링 함수(render.ts)렌더링 함수는 Virtual DOM을 실제 DOM으로 변환하는 핵심 기능을 담당합니다.import { VirtualElement } from "./types/createElementTypes";export ..