Prisma와 PlanetScale 사용법 정리 및 복습편 ! (feat. 명령어 모음 및 한눈에 적용하는것을 위주로 )

안녕하세요 ! 

이전에 Prisma와 PlanetScale에 대해서 배워보며 설치를 해봣는데요 ! 

 

이번편에서는 한눈에 파악해서 적용 할 수 있게 해보려고 합니다 !! 

다 공부해보시고 설치한 분들을 위한것이니 필요하시면 이전 글을 참고해서 봐주세요 ^^ 

 

---

1단계 prisma설치 

 

먼저 ! 처음에는 vscode에서 확장 프로그램에서 prisma를 설치를 했습니다 ! 

그리고 npm으로 다운을 받았죠 !! 

npm i prisma -D

npm i @prisma/client

위에 처럼요 ! 아 그리고 설치하시는 김에 「prisma/client」도 같이 설치해주세요 ! 

 

그러고 나서 

npx prisma init

을 입력해줘서 env파일과 「schema.prisma」라는 중요한 파일을 만들어줍니다 !! 

그 다음에는 model을 만들어줬습니다 ! 

 

자 여기까지가 1단계입니다 ! 

 

---

 

2단계 PlanetScale설치

바로 들어가겠습니다 ! 

https://planetscale.com/ 

먼저 위에서 회원가입을 해줍니다 ! 그러고 나서 밑에 순서대로 scoop를 설치해줍시다 ! 

 

iwr -useb get.scoop.sh | iex

여기서 혹시 에러가 나면 「Set-ExecutionPolicy RemoteSigned -scope CurrentUser」

scoop install curl

 

 

그 다음에는 pscale를 설치해줍시다 ! 

scoop bucket add pscale https://github.com/planetscale/scoop-bucket.git

scoop install pscale mysql

설치가 다 됐으면 vscode에서 한번 확인해주시구요 !!! 

pscale

이렇게 나오면 설치 성공 ! 

이제 3단계로 갑시다 ! 

 

3단계 DB를 만들기

pscale auth login

먼저 로그인을 해주셔야합니다 ! 

입력하시면 저렇게 코드가 뜹니다 !! 그러고 나서 자동으로 브라우저가 열릴겁니다 ! 

코드가 맞다면 ! 「Confirm code」을 눌러주세요 ! 

로그인이 성공했다면 계속 진행합시다 !

 

pscale database create 데이터베이스명 --region 지역

 

pscale database create kkana --region ap-northeast  전 이렇게 했습니다 ^^ 

 

이제 env파일을 설정합시다 ! 

 

먼저

pscale connect DB명

위에처럼 입력해서 DB의 연결해주세요 ! 

그러면 위와같이 나옵니다 ! 또한 연결은 끊지말아주세요 !! 

저 「127.0.0.1:3306」을 복사해주세요 ! 그래서 env파일에 넣읍시다 ! 

위와 같이 해주세요 ^^ 

자 그러면 위에서 설정한 model을 push합시다 !! 즉 생성해봅시다 ! 

npx prisma db push

자 여기까지 push를 하면서 DB를 생성해봤습니다 !! 그러면 확인을 해봐야겠죠? 

 

---

4단계 DB확인하기

https://planetscale.com/

이쪽에서도 확인이 가능하지만 prisma studio를 이용해서 확인해보겠습니다 ! 

npx prisma studio

을 vscode에서 입력해주시면 ! 관리자 패널같은 창이 하나 나옵니다 ! 

위에와 같이 나오면 성공 !! ( 데이터의 추가, 수정, 삭제도 가능합니다 ! )

 

여기까지 이번에 prisam와 planetscale를 배우면서 한번에 정리를 해봤는데요 !! 

딱 1페이지에서 원하는것만 설치하고 적용하기 쉽게 정리해봤습니다 ! 

저는 next js를 이용했지만 손쉽게 js나 ts를 사용하신다면 누구든지 적용해볼 수 있습니다 ^^ 

모르는게 있거나 이상한게 있으면 언제든지 알려주세요 ! 

오늘도 감사합니다 !