[MySQL/PRISMA] DBํ™•์ธ ์ง๊ด€์ ์ด๋ผ ์ข‹๋‹ค! 'PRISMA Studio' ์‚ฌ์šฉ

2023. 9. 10. 21:18ใ†Growth Diary/Knowledge Warehouse

 

java script์™€ node.js VSCODE๋กœ ํ™œ์šฉํ•˜๋ฉด์„œ MySQL์„ ํ†ตํ•ด DB๋ฅผ ๋ฐ›์•„์•ผ ํ•  ๋•Œ,  ์ฟผ๋ฆฌ์™€ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜์„ ํ•ด์ฃผ๋Š” ORMํˆด(๊ด€๊ณ„ํ˜• ์ฟผ๋ฆฌ๋ฅผ ์‰ฝ๊ฒŒ ํ•ด ์คŒ)๋กœ PRISMA๋ฅผ ์‚ฌ์šฉํ–ˆ๋‹ค.

 

PRISMA ์‚ฌ์šฉ๊ด€๋ จํ•ด์„œ๋Š”,  PRISMA ๊ณต์‹ ( github: https://github.com/prisma/prisma-examples ) ๊ทธ๋ฆฌ๊ณ , ๊ณต์‹ํ™ˆํŽ˜์ด์ง€(https://www.prisma.io/dataguide)์—์„œ ๋ฐ์ดํ„ฐ ๊ฐ€์ด๋“œ๋ฅผ ์ฐพ์•„ ๋ณผ ์ˆ˜ ์žˆ์œผ๋‹ˆ ์ฐธ๊ณ ํ•˜๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™๋‹ค.

 

' PRISMA studio 'PRISMA์™€ ์—ฐ๊ฒฐ๋˜์–ด, ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋ฐ์ดํ„ฐ ๋ฒ ์ด์Šค๋ฅผ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ๋„๊ตฌ์ด๋‹ค.

์ฒ˜์Œ PRISMA๋ฅผ ์ ‘ํ–ˆ์„๋•Œ, VScode์— ๋“ค์–ด๊ฐ€์„œ select top 1000์„ ์ฐพ์•„์„œ ๋ฐ์ดํ„ฐ๋ฅผ ๋ณด๊ณค ํ–ˆ๋‹ค.

์ด๋ ‡๊ฒŒ ๋ฐ–์— ๋ชป ๋ณด๋Š” ๊ฑด๊ฐ€, ์ฐธ ๋ถˆํŽธํ•˜๋‹ค.. ํ–ˆ์—ˆ๋Š”๋ฐ ์—ญ์‹œ๋‚˜ ๋ฌธ๋ช…์€ ํ•œ์ฐธ ์•ž์„ฐ๋‹ค. PRISMA Studio๋ผ๋Š” ๊ธฐ๋Šฅ์ด ์žˆ์—ˆ๋‹ค.

 

์‚ฌ์šฉ๋ฐฉ๋ฒ•์€ ์ด๋ ‡๋‹ค.


1.  ํ„ฐ๋ฏธ๋„์— ' npx prisma studio'๋กœ ์‹คํ–‰ํ•œ๋‹ค.

npx prisma studio

 

2. ์•„๋ž˜์™€ ๊ฐ™์ด ๋‚ด๊ฐ€ ๋งŒ๋“  ํ…Œ์ด๋ธ”๋กœ ์—ฐ๊ฒฐ๋œ๋‹ค. ์ƒ๋‹จ์— ํ‘œ๊ธฐ๋œ ํ”Œ๋Ÿฌ์Šค(+) ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ์•„๋ž˜์˜ ์˜ค๋ฅธ์ชฝ ์ด๋ฏธ์ง€์™€ ๊ฐ™์ด ํ…Œ์ด๋ธ”์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ํ…Œ์ด๋ธ”๋ช…์„ ํด๋ฆญํ•˜์—ฌ ๋ฐ์ดํ„ฐ ์กฐํšŒ๊ฐ€ ๊ฐ€๋Šฅํ•˜๋‹ค.

 

 

3. ๊ด€๊ณ„์„ค์ •ํ•œ ๋ฐ์ดํ„ฐ๋„ ํ™•์ธ ํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ํ•„ํ„ฐ๋ฅผ ์„ค์ •ํ•ด์„œ ๋ฐ์ดํ„ฐ๋ฅผ ์กฐํšŒํ•  ์ˆ˜๋„ ์žˆ๋‹ค. 

   ๋˜ํ•œ, ๋ฐ์ดํ„ฐ ์ˆ˜์ •๋„ ๊ฐ€๋Šฅํ•˜๋‹ค! ( Save change๋ฅผ ๋ˆŒ๋Ÿฌ์„œ ์ €์žฅ์„ ํ•˜๋ฉด ์ˆ˜์ •์ด ๋œ๋‹ค. ) 

 

* npm์œผ๋กœ ๊ฐ„๋‹จํ•˜๊ฒŒ PRISMA STUDIO๋ฅผ ์‹คํ–‰๊ฐ€๋Šฅํ•œ ๋ช…๋ น์–ด๋ฅผ ์ถ”๊ฐ€๋กœ ์ฒจ๋ถ€.

// package.json
"scripts": {
  "studio": "npx prisma studio"
}
// npm run studio๋กœ Prisma Studio๋ฅผ ์‹คํ–‰๊ฐ€๋Šฅ

๊ด€๋ จ URL : https://www.prisma.io/studio

 

Prisma Studio | Next-generation ORM for Node.js and TypeScript

The easiest way to explore and manipulate your data in all of your Prisma projects.

www.prisma.io