반응형
백엔드부분도 해서 풀스택개발자로 거듭나기 위해 작은 todo_app을 만들려고합니다.
백엔드도구는 MariaDB, HeidiSQL로 사용합니다 천천히 진행해보겠습니다.


CREATE DATABASE todo_app
데이터베이스를 생섭합니다
그리고 생성한 다음에

todo_app데이터베이스에다 todos, users 테이블을 만들어줍니다.
새로운 백엔드 프로젝트 폴더를 만들어줘서 터미널로 npm init -y 초기화시켜줍니다.
그리거 prisma 라이브러리 설치 진행해줍니다.
npm install express mysql2 prisma
npm install -D typescript ts-node @types/node
npx prisma init 초기화까지 진행해줍니다.
.env파일만들고

이렇게 변경:
- root = 사용자명 (MariaDB 사용자)
- : 다음 비밀번호 (없으면 그냥 @)
- localhost:3306 = 서버 주소
- /todo_app = 데이터베이스 이름
prisma/schema.prisma 파일을 열어서:
prisma
// This is your Prisma schema file,
// learn more about it in the docs: https://pris.ly/d/prisma-schema
generator client {
provider = "prisma-client-js"
}
datasource db {
provider = "mysql"
url = env("DATABASE_URL")
}
model User {
id Int @id @default(autoincrement())
name String
email String @unique
todos Todo[]
createdAt DateTime @default(now())
}
model Todo {
id Int @id @default(autoincrement())
title String
description String?
completed Boolean @default(false)
userId Int
user User @relation(fields: [userId], references: [id])
createdAt DateTime @default(now())
}
만들어주고나서 바로 npx prisma generate 마이그레이션을 찍어버립니다.!
npx prisma studio한 다음에 브라우저 창이 열리게됩니다.

브라우저에서 데이터베이스 시각화로 볼 수 있게됩니다.

스키마를 DB에다 적용시켜줍니다.
그리고 TODO_APP ROADMAP.md 파일을 만들고 작업 시작할려고 합니다 .
2편에 본격적으로 만드는 과정을 보여드리도록 하겠습니다.
현재는 MariaDB, Prisma설정이었습니다.
반응형
'AI 도구' 카테고리의 다른 글
| 간단한 Claude Code 프롬프트입력 (0) | 2026.04.19 |
|---|---|
| Claude Code 한국어 가이드 (0) | 2026.04.03 |
| 서브에이전트(Claude Code) (0) | 2026.03.27 |
| AI 코드 리뷰 자동화 시스템(Claude Code) (0) | 2026.03.18 |
| Playwright MCP란(Claude Code) (0) | 2026.03.18 |