Vuetify Admin Template ๋งŒ๋“ค๊ธฐ - ๊ธฐ๋ณธํŽธ (Based Vue2)

Vuetify ๊ธฐ์ดˆ๋ฅผ ํ•™์Šตํ•˜๊ณ , ๋ฉ‹์ง„ Material Design Admin ์›น ์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค ๐Ÿ˜ƒ

(4.9) ์ˆ˜๊ฐ•ํ‰ 84๊ฐœ

์ˆ˜๊ฐ•์ƒ 2,353๋ช…

๋‚œ์ด๋„ ์ดˆ๊ธ‰

์ˆ˜๊ฐ•๊ธฐํ•œ ๋ฌด์ œํ•œ

ํ‹ฐ๋งฅ์Šค์†Œํ”„ํŠธ
ํ˜„๋Œ€์ž๋™์ฐจ
ํ•œํ™”์‹œ์Šคํ…œ/ICT
SK๊ทธ๋ฃน
๊ฐ€๋น„์•„

๊ฐ€๋น„์•„

์ž„์ง์›๋“ค๋„ ์ด ๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ  ์žˆ์–ด์š”!

ํ‹ฐ๋งฅ์Šค์†Œํ”„ํŠธ
ํ˜„๋Œ€์ž๋™์ฐจ
ํ•œํ™”์‹œ์Šคํ…œ/ICT
SK๊ทธ๋ฃน
๊ฐ€๋น„์•„

๊ฐ€๋น„์•„

์ž„์ง์›๋“ค๋„ ์ด ๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ  ์žˆ์–ด์š”!

๋จผ์ € ๊ฒฝํ—˜ํ•œ ์ˆ˜๊ฐ•์ƒ๋“ค์˜ ํ›„๊ธฐ

4.9

5.0

๋”˜๋”˜์€

33% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

vuetify ์ž…๋ฌธ์šฉ์œผ๋กœ ์ข‹์€ ๊ฐ•์˜์ธ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๊ฐ•์‚ฌ๋‹˜์˜ ๋ชฉ์†Œ๋ฆฌ ํ†ค๊ณผ ๋ฐœ์Œ๋„ ์ ์ ˆํ•ด์„œ ํŽธ์•ˆํžˆ ๋“ฃ๊ธฐ ์ข‹์•˜์Šต๋‹ˆ๋‹ค. ์•„์‰ฌ์šด ๋ถ€๋ถ„์€ ์•„๋ฌด๋ž˜๋„ ์‹œ๊ฐ„์ด ์ง€๋‚˜์„œ์ธ์ง€ ๊ฐ ์„ธํŒ…๋ณ„๋กœ ๋ฒ„์ „์ด ๋‹ฌ๋ผ ์ƒ๊ธฐ๋Š” ๋ฌธ์ œ๋“ค์ธ๋ฐ, ์ด ๋ถ€๋ถ„์€ ์–ด์ฉ”์ˆ˜ ์—†๋Š”๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์ข‹์€๊ฐ•์˜ ๋ฌด๋ฃŒ๋กœ ์ œ๊ณตํ•ด์ฃผ์…”์„œ ๊ฐ์‚ฌํ•  ๋”ฐ๋ฆ„์ž…๋‹ˆ๋‹ค!

5.0

์ฟ ์นด์ด๋“ 

27% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

Vuetify์— ๋Œ€ํ•ด ๋งŽ์ด ๋ฐฐ์› ์Šต๋‹ˆ๋‹ค! ์ข‹์€๊ฐ•์˜ ๊ฐ์‚ฌ๋“œ๋ ค์š”~~!

5.0

krdopd

60% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

ํ•„์š”ํ•œ ๋‚ด์šฉ๋งŒ ์™์™ ํ•ด์ฃผ์‹ฌ

์ˆ˜๊ฐ• ํ›„ ์ด๋Ÿฐ๊ฑธ ์–ป์„ ์ˆ˜ ์žˆ์–ด์š”

  • Vue CLI๋ฅผ ํ†ตํ•œ Vuetify ํ”„๋กœ์ ํŠธ ์„ค์ •

  • Vuetify Grid System ์œผ๋กœ ๋ ˆ์ด์•„์›ƒ ์žก๊ธฐ

  • Vuetify Typography, Breakpoints, Color ๋“ฑ ๊ธฐ๋ณธ๊ธฐ ํ•™์Šต

๋ทฐํ‹ฐํŒŒ์ด๋กœ ๋งŒ๋“œ๋Š” ์–ด๋“œ๋ฏผ ์‚ฌ์ดํŠธ,
์‹ค์šฉ์ ์ธ ์ง์ฝ”๋”ฉ๊ณผ ํ•จ๊ป˜ํ•˜์„ธ์š” ๐Ÿ‹๏ธโ€โ™€๏ธ

Vuetify Admin Template ๋งŒ๋“ค๊ธฐ ๊ธฐ๋ณธํŽธ

๋ฐ๋ชจ ํŽ˜์ด์ง€๋ฅผ ํ™•์ธํ•˜์„ธ์š”. (๋งํฌ)

๊ฐ•์˜ ์†Œ๊ฐœ ๐Ÿ“–

Vuetify GridSystem, Typography, Breakpoints, Colors ๋“ฑ!
Vuetify๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ์ „์— ์•Œ์•„์•ผํ•œ ๊ธฐ๋ณธ๊ธฐ์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค ๐Ÿ˜ƒ

๊ฐ•์˜ ๋ฐ˜์‘ ๐Ÿ“

๋‹คํ–‰ํžˆ๋„ ๋งŽ์€ ๋ถ„๋“ค์ด ๊ฐ•์ขŒ์— ๋งŒ์กฑํ•ดํ•˜์…จ์–ด์š” ๐Ÿ˜ƒ
(๊ฐ•์˜์†๋„๊ฐ€ ๋น ๋ฅด๊ฒŒ ๋А๊ปด์ง€์‹œ๋Š” ๋ถ„๋“ค์€ 0.75๋ฐฐ์†์œผ๋กœ ๋ณด์‹œ๋Š” ๊ฒƒ์„ ๊ถŒ์žฅํ•ด ๋“œ๋ฆฝ๋‹ˆ๋‹ค ๐Ÿ™‚ )

๊ฐ•์˜ ํ•ต์‹ฌ ํ‚ค์›Œ๋“œ

#์‹ค์šฉ์ ์ธ #์ฝ”๋”ฉ์ปจํ…์ธ 


์ง€์‹๊ณต์œ ์ž ์†Œ๊ฐœ โœ’๏ธ


์‹ค์šฉ์ ์ธ ์ฝ”๋”ฉ์ปจํ…์ธ ๋ฅผ ๋งŒ๋“ค์–ด ๊ฐ€๋Š” ์œ ํŠœ๋ธŒ ์ง์ฝ”๋”ฉ ์ฑ„๋„ ์ž…๋‹ˆ๋‹ค.
์œ ํŠœ๋ธŒ | ๊นƒํ—™ | Gym์Šคํƒ€๊ทธ๋žจ | Coding์Šคํƒ€๊ทธ๋žจ


์˜ˆ์ƒ ์งˆ๋ฌธ Q&A ๐Ÿ’ฌ

Q. ์†Œ์Šค์ฝ”๋“œ๋ฅผ ์ œ๊ณตํ•˜๋‚˜์š”?

๊นƒํ—™์„ ํ†ตํ•ด ์ œ๊ณต๋ฉ๋‹ˆ๋‹ค.

Q. ๊ฐ•์˜ ์†๋„๊ฐ€ ๋„ˆ๋ฌด ๋น ๋ฅธ ๊ฒƒ ๊ฐ™์•„์š”.

๊ฐ•์˜ ์†๋„ ๊ด€๋ จ ํ”ผ๋“œ๋ฐฑ ์˜์ƒ์„ ํ™•์ธํ•ด์ฃผ์„ธ์š”.

Q. ์ด ๊ฐ•์˜๋ฅผ ๋ฐฐ์šฐ๋ฉด ์–ด๋–ค ์ผ์„ ํ•  ์ˆ˜ ์žˆ๋‚˜์š”?

Material Design์˜ ๋ฉ‹์ง„ Admin ์‚ฌ์ดํŠธ๋ฅผ ์ œ์ž‘ํ•  ์ˆ˜ ์žˆ์–ด์š”!

์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜
์ถ”์ฒœ๋“œ๋ ค์š”

ํ•™์Šต ๋Œ€์ƒ์€
๋ˆ„๊ตฌ์ผ๊นŒ์š”?

  • Vue๋กœ ์›น์‚ฌ์ดํŠธ๋ฅผ ๊ฐœ๋ฐœํ•˜๋ ค๊ณ  ํ•˜๋Š” ์‚ฌ๋žŒ

  • Material Design์œผ๋กœ ์›น๊ฐœ๋ฐœ์„ ํ•˜๊ณ ์‹ถ์€ ์‚ฌ๋žŒ

์„ ์ˆ˜ ์ง€์‹,
ํ•„์š”ํ• ๊นŒ์š”?

  • HTML

  • CSS

  • Javascript

  • Vue

์•ˆ๋…•ํ•˜์„ธ์š”
์ง์ฝ”๋”ฉ์ž…๋‹ˆ๋‹ค.

์ธํ”„๋Ÿฐ์ธ์ฆ

์ปค๋ฆฌ์–ด์ธ์ฆ

39,065

๋ช…

์ˆ˜๊ฐ•์ƒ

3,291

๊ฐœ

์ˆ˜๊ฐ•ํ‰

1,833

๊ฐœ

๋‹ต๋ณ€

4.9

์ 

๊ฐ•์˜ ํ‰์ 

18

๊ฐœ

๊ฐ•์˜

์•ˆ๋…•ํ•˜์„ธ์š”! ๐Ÿ‘‹
์ฝ”๋”ฉ ๊ต์œก ํฌ๋ฆฌ์—์ดํ„ฐ ์ง์ฝ”๋”ฉ์ž…๋‹ˆ๋‹ค ๐Ÿ˜Š

๋น„๊ฐœ๋ฐœ์ž๋„ ๋”ฐ๋ผ์˜ฌ ์ˆ˜ ์žˆ๊ฒŒ, ์ตœ๋Œ€ํ•œ ์‰ฝ๊ณ  ยท ์‹ค๋ฌด์ž๋„ ๋งŒ์กฑ์Šค๋Ÿฝ๊ฒŒ ๊นŠ์ด ์žˆ๊ฒŒ ๊ฐ€๋ฅด์นฉ๋‹ˆ๋‹ค.
ํ’€์Šคํƒ ๊ฐœ๋ฐœ ๊ฒฝ๋ ฅ 15๋…„์ฐจ๋กœ, ์ง€๊ธˆ์€ ์œ ํŠœ๋ธŒ์™€ ์ธํ”„๋Ÿฐ์—์„œ ํ”„๋กœ๊ทธ๋ž˜๋ฐยทAI ์ง€์‹์„ ๋‚˜๋ˆ„๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

KTยท๊ธฐ์•„ ๋“ฑ ๋Œ€๊ธฐ์—… ์„œ๋น„์Šค ๊ฐœ๋ฐœ๋ถ€ํ„ฐ ์นดํŽ˜24 ์ด์ปค๋จธ์Šค ํ”Œ๋žซํผ, ์Šค๋งˆํŠธ์‹œํ‹ฐ IoT ๋ฐ์ดํ„ฐ ํ”Œ๋žซํผ, ๊ทธ๋ฆฌ๊ณ  ๊ต์œก ํšŒ์‚ฌ๋ฅผ ์šด์˜ํ•˜๋ฉฐ ์ง์ ‘ ๋งŒ๋“  ์ž์ฒด ์„œ๋น„์Šค๊นŒ์ง€, ํ”„๋ก ํŠธ์—”๋“œยท๋ฐฑ์—”๋“œยทAWS ์ธํ”„๋ผ๋ฅผ ๋ชจ๋‘ ์ง์ ‘ ์„ค๊ณ„ํ•˜๊ณ  ๋งŒ๋“ค์–ด ์™”์Šต๋‹ˆ๋‹ค.

๊ทธ๋™์•ˆ ์Œ“์€ ๊ฐœ๋ฐœ ๊ฒฝํ—˜์„, ์ด์ œ๋Š” ๋‚˜๋ˆ„๋Š” ์ผ์— ์Ÿ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
AI ์‹œ๋Œ€์— ๊ผญ ํ•„์š”ํ•œ ์ง€์‹์„ ์‰ฝ๊ณ  ๊นŠ์ด ์žˆ๊ฒŒ ์ „ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.


๐Ÿ† ๊ฒ€์ฆ๋œ ์„ฑ๊ณผ

๐Ÿฅ‡ ์ธํ”„๋Ÿฐ 2026 ํด๋กœ๋“œ ์ฝ”๋“œ ๊ฐ•์˜ BEST 1

๐Ÿ† ์ธํ”„๋Ÿฐ Awards 2025 ๋ฒ ์ŠคํŠธ์…€๋Ÿฌ ์„ ์ •

๐Ÿ”ฅ ์ธํ”„๋Ÿฐ 2025 '์ง€๊ธˆ ๊ฐ€์žฅ HOTํ•œ ๊ฐ•์˜' - ํด๋กœ๋“œ ์ฝ”๋“œ

๐ŸŽฌ YouTube ๊ตฌ๋…์ž 5๋งŒ+ ยท ๋ˆ„์  ์กฐํšŒ์ˆ˜ 360๋งŒ+ 


๐Ÿ‘จโ€๐Ÿ’ป ๊ฒฝ๋ ฅ

  • 15๋…„์ฐจ ํ’€์Šคํƒ ๊ฐœ๋ฐœ์ž ยท ํ˜„์ง IT ํšŒ์‚ฌ ๋Œ€ํ‘œ

  • ํ”„๋ก ํŠธ์—”๋“œ: React ยท Vue ยท TypeScript

  • ๋ฐฑ์—”๋“œ: Node.js ยท Java ยท Spring ยท Python

  • ์ธํ”„๋ผ: AWS ยท Serverless ยท Lambda ์•„ํ‚คํ…์ฒ˜ ์„ค๊ณ„

  • ์ธํ”„๋Ÿฐ ์ง€์‹๊ณต์œ ์ž

     

์Šคํƒ€ํŠธ์—… (์ฐฝ์—…๊ฐ€)

  • ํŠนํ—ˆยท์ƒํ‘œ ์ถœ์›ยท๋“ฑ๋ก ๊ฒฝํ—˜

  • ์ •๋ถ€ ์ฐฝ์—…์ง€์›์‚ฌ์—… ๋‹ค์ˆ˜ ์„ ์ • (์Šค๋งˆํŠธ๋ฒค์ฒ˜์บ ํผ์Šค '์ตœ์šฐ์ˆ˜' ๋“ฑ)

๊ธฐ์—… ๊ต์œก (B2B)

  • ๋ฉ€ํ‹ฐ์บ ํผ์Šค - ๊ธฐ์—… ์‹ค๋ฌด์ž ๋Œ€์ƒ 'Claude Code' ์˜คํ”„๋ผ์ธ ๊ต์œก

  • ์‹ ํ•œ์นด๋“œ ๊ฐœ๋ฐœ์ž ๊ต์œก - ๋ฉ€ํ‹ฐ์บ ํผ์Šค ์ฃผ๊ด€, ์˜จ๋ผ์ธ ๋ผ์ด๋ธŒ

  • ํ•œ๊ตญ์†Œํ”„ํŠธ์›จ์–ด์ธ์žฌ๊ฐœ๋ฐœ์› ํŠน๊ฐ• ยท ๊ด€๊ณต์„œ IT ๋ฉ˜ํ† 


๐Ÿ™‹โ€โ™‚๏ธ ๋” ๋ณด๊ธฐ

  • ๐Ÿ”ฅ ์ง์ฝ”๋”ฉ ์—ฐ๊ตฌ์†Œ - gymcoding.co

  • ๐Ÿ’ป ์œ ํŠœ๋ธŒ - YouTube

     

  • ๐Ÿ™ ๊นƒํ—ˆ๋ธŒ - GitHub

  • ๐Ÿ“ธ ์ธ์Šคํƒ€ - Instagram

  • ๐Ÿงต ์Šค๋ ˆ๋“œ - Thread

  • ๐Ÿข ๊ธฐ์—… ๋ฌธ์˜ - biz@gymcoding.co

  • ๐Ÿ’ฌ ์ผ๋ฐ˜ ๋ฌธ์˜ - hello@gymcoding.co

๋”๋ณด๊ธฐ

์ปค๋ฆฌํ˜๋Ÿผ

์ „์ฒด

15๊ฐœ โˆ™ (1์‹œ๊ฐ„ 52๋ถ„)

๊ฐ•์˜ ๊ฒŒ์‹œ์ผ: 
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ์ผ: 

์ˆ˜๊ฐ•ํ‰

์ „์ฒด

84๊ฐœ

4.9

84๊ฐœ์˜ ์ˆ˜๊ฐ•ํ‰

  • krdopd๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    krdopd

    ์ˆ˜๊ฐ•ํ‰ 2

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

    60% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    ํ•„์š”ํ•œ ๋‚ด์šฉ๋งŒ ์™์™ ํ•ด์ฃผ์‹ฌ

    • ์ง์ฝ”๋”ฉ
      ์ง€์‹๊ณต์œ ์ž

      ๋„์›€์ด ๋˜์–ด ๋‹คํ–‰์ด์—์š”~! ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค ๐Ÿ’ช

  • ์ด์ •์™„๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    ์ด์ •์™„

    ์ˆ˜๊ฐ•ํ‰ 11

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

    100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    ์ด๊ฒƒ๋งŒ ๋ฐ˜๋ณต์ˆ™๋‹ฌํ•ด๋„ ๋ฐ˜์‘ํ˜• ๋ฐ ๊ฐ„๋‹จํ•œ ๋žœ๋”ฉํŽ˜์ด์ง€ ์™ธ์ฃผ๋Š” ๋‹ค ์ณ๋‚ผ์ˆ˜์žˆ๊ฒ ๋„ค์š”. ์ž˜๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. ํ€˜์ด์‚ฌ๋‘ ์ž˜๋ถ€ํƒ๋“œ๋ฆฝ๋‹ˆ๋‹ค!!

    • ์ง์ฝ”๋”ฉ
      ์ง€์‹๊ณต์œ ์ž

      ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค~!! ํ€˜์ด์‚ฌ! ๊ธฐ๋Œ€ํ•˜์…”๋„ ์ข‹์Šต๋‹ˆ๋‹ค ๐Ÿ‘

  • ์ฟ ์นด์ด๋“ ๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    ์ฟ ์นด์ด๋“ 

    ์ˆ˜๊ฐ•ํ‰ 549

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

    27% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    Vuetify์— ๋Œ€ํ•ด ๋งŽ์ด ๋ฐฐ์› ์Šต๋‹ˆ๋‹ค! ์ข‹์€๊ฐ•์˜ ๊ฐ์‚ฌ๋“œ๋ ค์š”~~!

    • ์ง์ฝ”๋”ฉ
      ์ง€์‹๊ณต์œ ์ž

      ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค~! ๐Ÿ’ช

  • ๋”˜๋”˜์€๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    ๋”˜๋”˜์€

    ์ˆ˜๊ฐ•ํ‰ 1

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

    33% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    vuetify ์ž…๋ฌธ์šฉ์œผ๋กœ ์ข‹์€ ๊ฐ•์˜์ธ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๊ฐ•์‚ฌ๋‹˜์˜ ๋ชฉ์†Œ๋ฆฌ ํ†ค๊ณผ ๋ฐœ์Œ๋„ ์ ์ ˆํ•ด์„œ ํŽธ์•ˆํžˆ ๋“ฃ๊ธฐ ์ข‹์•˜์Šต๋‹ˆ๋‹ค. ์•„์‰ฌ์šด ๋ถ€๋ถ„์€ ์•„๋ฌด๋ž˜๋„ ์‹œ๊ฐ„์ด ์ง€๋‚˜์„œ์ธ์ง€ ๊ฐ ์„ธํŒ…๋ณ„๋กœ ๋ฒ„์ „์ด ๋‹ฌ๋ผ ์ƒ๊ธฐ๋Š” ๋ฌธ์ œ๋“ค์ธ๋ฐ, ์ด ๋ถ€๋ถ„์€ ์–ด์ฉ”์ˆ˜ ์—†๋Š”๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์ข‹์€๊ฐ•์˜ ๋ฌด๋ฃŒ๋กœ ์ œ๊ณตํ•ด์ฃผ์…”์„œ ๊ฐ์‚ฌํ•  ๋”ฐ๋ฆ„์ž…๋‹ˆ๋‹ค!

    • ์ง์ฝ”๋”ฉ
      ์ง€์‹๊ณต์œ ์ž

      ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค~! ๐Ÿ’ช

  • ๋…ธ์ข…๋ฌธ๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    ๋…ธ์ข…๋ฌธ

    ์ˆ˜๊ฐ•ํ‰ 16

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

    36% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    ์ž˜ ๋“ฃ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

์ง์ฝ”๋”ฉ๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜

์ง€์‹๊ณต์œ ์ž๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”!

๋น„์Šทํ•œ ๊ฐ•์˜

๊ฐ™์€ ๋ถ„์•ผ์˜ ๋‹ค๋ฅธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”!

๋ฌด๋ฃŒ