[Node.js] Prisma CRUD 구현해 보기 (feat Prisma Studio)

안녕하세요. Foma 입니다.

 

저번 글에 Prisma에 관한 내용과 사용해야 하는 이유에 대해서 정리했는데요.

 

(혹시 안보신 분들은 여기 에서 보시면 됩니다!)

 

오늘은 Prisma를 이용하여 CRUD를 구현해 보도록 하겠습니다.

 

바로 시작할게요~

---

Init Prisma

 

빈 폴더를 만들고 npm을 초기화 해줍니다.

 

npm init -y

 

 

그 다음 타입스크립트 prisma와 ts-node, @types/node를 설치해 줍니다.

 

npm install prisma @prisma/client typescript ts-node @types/node --save-dev

 

 

그 다음 prisma를 아래 명령어로 초기화 해줍니다.

 

npx prisma init

 

아래와 같이 자동으로 prisma 폴더와 env 파일이 생성될 거에요.

 

 

---

Set a environment

 

.env 파일로 이동하셔서 아래와 같이 DB 정보를 입력해 줍니다.

 

DATABASE_URL="디비종류://유저이름:패스워드@localhost:포트번호/디비이름"

---

Set a schema.prisma

 

schema.prisma 파일로 이동해서 client를 생성해 줍니다.

 

generator client {
  provider = "prisma-client-js"
}

 

db 데이터 소스를 .env 파일에 작성한 디비 종류와 DATABASE_URL을 입력해 줍니다.

datasource db {
  provider = "디비종류"
  url      = env("DATABASE_URL")
}

 

그 다음 테이블에 원하는 데이터 모델을 정의해 줍니다.

 

model User {
  id        Int      @id @default(autoincrement())
  name      String   @unique @db.VarChar(255)
  age       Int      @default(0)
  createdAt DateTime @default(now())
  updatedAt DateTime @updatedAt
}

---

Init User table

 

테이블을 마이그레이트를 진행해 줍니다.

 

npx prisma migrate dev --name 테이블이름_table_init

 

아래와 같이 migrations 폴더가 생기고 해당 schema 파일에서 정의한 모델을 만드는 sql문이 작성되어 있는 것을 볼 수 있습니다.

 

 

MySQL 워크벤치로 가서 확인하면 해당 디비에 테이블이 생성되고 설정한 컬럼들이 있는 것을 볼 수 있습니다.

 

 

 

아래 명령어를 터미널에 실행하면 migration 파일이 생성되지 않고 DB가 작성해준 모델대로 업데이트 됩니다.

 

npx prisma db push

---

Create

 

여러 데이터 한 번에 생성하기 

 

prisma.모델이름.createMany 메서드에 오브젝트 형식으로 된 여러 data를 넣어주면 한 번에 여러 데이터를 생성할 수 있습니다.

 

skipDuplicates를 true로 해주면 중복된 데이터가 생성되는 것을 막을 수 있습니다.

 

import { PrismaClient } from "@prisma/client";
const prisma = new PrismaClient();

async function main() {
  try {
    const data = [
      { name: "Kalid", age: 27 },
      { name: "fomagran", age: 28 },
      { name: "Young", age: 26 },
      { name: "Kalid", age: 27 },
    ];

    const res = await prisma.user.createMany({
      data,
      skipDuplicates:true
    });

    console.log("Created a user sucessfully", res);
  } catch (err) {
    console.log("Create a user Error:", err);
  } finally {
    async () => {
      await prisma.$disconnect();
    };
  }
}

main();

 

그 다음 ts-node로 해당 파일이 있는 경로를 입력해주면 아래와 같이 코드가 실행 됩니다.

 

 

1개 데이터만 추가하기

 

prisma.모델이름.createMany 부분의 data 프로퍼티에 해당 데이터를 넣어줍니다.

 

    const user = { name: "Kendrick", age: 26 };

    const res = await prisma.user.createMany({
      data:user,
    });
    
    ...

 

Read

 

모든 데이터 읽기

 

prisma.모델이름.findMany()를 이용하면 모든 데이터를 읽을 수 있습니다.

 

import { PrismaClient } from "@prisma/client";
const prisma = new PrismaClient();

async function main() {
  try {
    const res = await prisma.user.findMany();
    console.log("All users: ", res);
  } catch (err) {
    console.log("Read a user Error:", err);
  } finally {
    async () => {
      await prisma.$disconnect();
    };
  }
}

main();

 

위에서 추가한 데이터들이 있는 것을 볼 수 있습니다.

 

 

 

조건을 걸어 특정 데이터만 불러오기

 

age가 27보다 크거나 같은 유저를 불러 오겠습니다. (gte => greater than or equal)

 

import { PrismaClient } from "@prisma/client";
const prisma = new PrismaClient();

async function main() {
  try {
    const res = await prisma.user.findMany({
      where: {
        age: {
          gte: 27,
        },
      },
    });
    console.log("The age is greater than or equal 27 users : ", res);
  } catch (err) {
    console.log("Read a user Error:", err);
  } finally {
    async () => {
      await prisma.$disconnect();
    };
  }
}

main();

 

아래와 같이 age가 27보다 크거나 같은 유저가 출력됩니다.

 

 

Update

 

prisma.모델이름.updateMany를 이용하여 age가 28인 사람의 이름을 oldman으로 바꿔 보겠습니다.

 

import { PrismaClient } from "@prisma/client";
const prisma = new PrismaClient();

async function main() {
  try {
    const res = await prisma.user.updateMany({
      where: {
        age: {
          equals: 28,
        },
      },
      data: {
        name: "oldman",
      },
    });

    console.log("Updated a user sucessfully", res);
  } catch (err) {
    console.log("Update a user Error:", err);
  } finally {
    async () => {
      await prisma.$disconnect();
    };
  }
}

main();

 

 

아래와 같이 나이가 28인 유저의 이름이 oldman으로 바껴 있는 것을 볼 수 있습니다.

 

 

Delete

 

prisma.모델이름.deleteMany로 나이가 28인 사람을 삭제해 보겠습니다.

 

import { PrismaClient } from "@prisma/client";
const prisma = new PrismaClient();

async function main() {
  try {
    const res = await prisma.user.deleteMany({
      where: {
        age: {
          equals: 28,
        },
      },
    });

    console.log("Deleted a user sucessfully", res);
  } catch (err) {
    console.log("Delete a user Error:", err);
  } finally {
    async () => {
      await prisma.$disconnect();
    };
  }
}

main();

 

 

아래와 같이 나이가 28인 사람이 삭제된 것을 볼 수 있습니다.

 

---

Prisma Studio

 

위 과정을 더욱 쉽게 할 수 있는 방법이 있는데요.

 

바로 Prisma Studio를 이용하는 것 입니다.

 

아래와 같이 프리즈마 스튜디오를 실행시켜 줍니다.

 

npx prisma studio

 

그러면 http:/localhost:5555 창이 자동으로 뜨게 되는데요.

 

 

바로 아래와 같이 위에서 생성한 테이블들이 보이게 됩니다.

 

 

해당 테이블을 클릭하면 생성했던 데이터들을 확인할 수 있습니다.

 

 

로우를 선택하여 삭제 또는 생성할 수도 있으며,

 

 

또한 원하는 컬럼을 더블 클릭하여 수정할 수도 있습니다.

 

 

위 스튜디오에서 데이터를 바꾸고 나서 MySQL 워크벤치로 이동해 데이터를 확인해 보면 실시간으로 데이터가 바뀌어 있는 것을 볼 수 있습니다.

 

---

느낀 점

 

이전 Sequelize, TypeORM에 비해 훨씬 직관적이고 사용하는 방법도 더 간편했다.

 

이전 글에서 Prisma가 개발자의 생산성을 우선 목표로 한다고 하는 것이 어떤 의미인지 알 것 같다.

 

특히 Prisma Studio를 통해서 데이터를 조작하는 것은 정말 편리하고 생산적인 측면에서 엄청 효율적인 것 같다.