250x250
반응형
arkhyeon
arkhyeon
arkhyeon
전체 방문자
오늘
어제
  • 분류 전체보기 (88)
    • Spring (5)
    • Java (4)
    • React (25)
      • TypeScript (6)
      • JavaScript (1)
      • Jest (9)
    • NEXT (8)
    • SQL (1)
    • React native (1)
    • CSS (3)
    • Web (1)
    • Git (3)
    • ETC (6)
    • 빅데이터DB (8)
    • Docker (4)
    • Tool (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • react loading
  • Spring WebSocket
  • docker tomcat
  • react websocket
  • javascript wss
  • react typescript
  • react
  • usetransition
  • react19
  • websocket
  • node WebSocket
  • kudu
  • javasciprt websocket
  • WSS
  • react usetransition
  • jest
  • websocket server
  • react jest
  • react spring websocket
  • HIVE

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
arkhyeon

arkhyeon

NEXT

NextJS Prisma PostgreSQL 연결 및 Migrate

2024. 7. 9. 16:45
728x90
반응형

Prisma 설치 및 적용

npm install prisma --save-dev
npm install @prisma/client
npx prisma init

ENV 및 Schema 파일 설정

// .env
DATABASE_URL="postgresql://[UserName]:[Password]@[Host]:[Port]/[Database]"
//schema.prisma

// Prisma클라이언트와 같은 코드 생성기 설정하여 Prisma가 어떤 타입의 코드를 생성할지 정의
generator client {
	// 사용할 데이터베이스 드라이버를 지정합니다.
  provider = "prisma-client-js"
}

// datasource 블록은 Prisma가 연결할 데이터베이스에 대한 설정을 정의합니다.
datasource db {
	// provider: 사용할 데이터베이스 드라이버 지정
	// url: 데이터베이스 연결 문자열 지정(비밀번호 숨기기 위해 env 호출하여 사용)
  provider = "postgresql"
  url      = env("DATABASE_URL")
}

model User {
  id    Int     @id @default(autoincrement())
  name  String
  email String  @unique
}

Prisma Init

npx prisma migrate dev --name [파일이름] init

npx prisma generate

Prisma Migration

schema.prisma 파일 수정

// ..generate
// ..datasource

model User {
  id       Int     @id @default(autoincrement())
  password String
  name     String
  email    String  @unique
}

Migrate Code

# npx prisma migrate dev --name [마이그레이션의 목적을 설명하는 이름]
# 수동 수정(migration.sql 파일 내용을 수정 / 기본값 입력하고 싶을 때)
npx prisma migrate dev --name add-required-columns --create-only
# 자동 수정
npx prisma migrate dev --name add-required-columns

Miagrate 적용(수동 수정)

npx prisma migrate dev

Prisma 클라이언트 재생성

npx prisma generate

Prisma는 Next.js로 풀스택 애플리케이션을 쉽게 개발하고, 데이터베이스와 안전하고 효율적으로 상호작용할 수 있습니다.

728x90
반응형

'NEXT' 카테고리의 다른 글

NEXT JS + Google Analytics Connect Setting  (0) 2024.08.07
Parallel Routes Modal Difficult Error  (0) 2024.07.25
NextJs Next-auth getSession() 로그인 정보 확인  (0) 2024.07.23
NEXT 14 NEXT-AUTH 5 middleware.ts not working  (0) 2024.07.11
next-themes Hydration failed Error  (0) 2024.05.31
    'NEXT' 카테고리의 다른 글
    • Parallel Routes Modal Difficult Error
    • NextJs Next-auth getSession() 로그인 정보 확인
    • NEXT 14 NEXT-AUTH 5 middleware.ts not working
    • next-themes Hydration failed Error
    arkhyeon
    arkhyeon

    티스토리툴바