์ฑ„๋„ํ†ก ์•„์ด์ฝ˜

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

Vue&Vuetify๋กœ ์‹ค๋ฌด์—์„œ ๊ฐœ๋ฐœํ•˜์‹œ๋Š” ๋ถ„๋“ค์„ ์œ„ํ•œ ์œ ์šฉํ•œ ํŒ! ๐Ÿ˜ƒ

LGCNS ๋น„์ฆˆํ…ŒํฌํŒŒํŠธ๋„ˆ์Šค
๋ฐ์ด๋ธ”
GS๊ฑด์„ค
ํ‹ฐ๋งฅ์Šค์†Œํ”„ํŠธ
๋ผ์ธ

๋ผ์ธ

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

LGCNS ๋น„์ฆˆํ…ŒํฌํŒŒํŠธ๋„ˆ์Šค
๋ฐ์ด๋ธ”
GS๊ฑด์„ค
ํ‹ฐ๋งฅ์Šค์†Œํ”„ํŠธ
๋ผ์ธ

๋ผ์ธ

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

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

5.0

5.0

coffeeman

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

vuetify์— ๋Œ€ํ•ด์„œ ์•Œ๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

5.0

toki moki

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

์ฆ๊ฑฐ์šด ์ˆ˜๊ฐ•์ด์—ˆ์Šต๋‹ˆ๋‹ค ๋‹ค์Œ์—๋Š” ๊ผฌ์˜ฅ... nuxt3 + vuetify3 ๋ถ€ํƒ ๋“œ๋ฆฝ๋‹ˆ๋‹ค. vuetify ๊ณต๋ถ€ํ–ˆ๋Š”๋ฐ quasar ๋ฅผ ๋˜ ๊ณต๋ถ€ ํ•˜๊ธฐ๋Š” ๋„ˆ๋ฌด ์‹ซ๋„ค์š”.

5.0

์–ด์ฐจ

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

๋น ๋ฅด๊ณ  ์ƒ์‚ฐ์„ฑ ๋†’๊ฒŒ ๊ณ ํ’ˆ์งˆ์˜ UI ๋ฅผ front ๊ฒฝํ—˜์ด ์—†๋Š” ์ €์—๊ฒŒ๋„ ์‹œ์ž‘ ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋งŽ์€ ๋„์›€์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค ์ข‹์€๊ฐ•์˜ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค

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

  • ๋‚ด ์ž…๋ง›์— ๋ง›๊ฒŒ Style Custom ํ•˜๊ธฐ

  • ๋‹ค์ค‘ ๋ ˆ์ด์•„์›ƒ & Lazy Loading ์„ค์ •

  • Validation, ์‚ฌ์šฉ์ž ์ •์˜ ์ปดํฌ๋„ŒํŠธ, Vuex ์ ์šฉ ๋“ฑ ์‹ค๋ฌด ํŒ!

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

Vuetify Admin Template ๋งŒ๋“ค๊ธฐ ์‹ค์ „ํŽธ

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

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

Vuetify SASS Variables, Nav ํ•˜์œ„๋ฉ”๋‰ด ์„ค์ •! ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ
Vue๋กœ ๊ฐœ๋ฐœ์‹œ Lazy Loading, Form Validation, ์‚ฌ์šฉ์ž ์ •์˜ ์ปดํฌ๋„ŒํŠธ, Vuex ์ ์šฉ ๋“ฑ ์‹ค๋ฌด ํŒ ๋Œ€๋ฐฉ์ถœ!

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

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

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

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


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


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


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

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

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

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

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

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

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

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

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

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

  • Vuetify๋ฅผ ๋„์ž…ํ•˜๋ ค๊ณ  ๊ฒ€ํ† ์ค‘์ธ ๊ฐœ๋ฐœ์ž

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

  • HTML

  • CSS

  • Javascript

  • Vue

  • ์ง์ฝ”๋”ฉ Vuetify ๊ธฐ๋ณธํŽธ

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

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

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

39,478

๋ช…

์ˆ˜๊ฐ•์ƒ

3,365

๊ฐœ

์ˆ˜๊ฐ•ํ‰

1,850

๊ฐœ

๋‹ต๋ณ€

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

๋”๋ณด๊ธฐ

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

์ „์ฒด

14๊ฐœ โˆ™ (2์‹œ๊ฐ„ 22๋ถ„)

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

์ˆ˜๊ฐ•ํ‰

์ „์ฒด

22๊ฐœ

5.0

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

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

    ์ˆ˜๊ฐ•ํ‰ 5

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

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

    ๊ฐ•์˜๊ฐ€ ์‹ค์†์žˆ๋Š” ๋‚ด์šฉ์œผ๋กœ๋งŒ ๊ตฌ์„ฑ๋˜์–ด์„œ ๋„ˆ๋ฌด ์ข‹์Šต๋‹ˆ๋‹ค. ๋งˆ์นจ ํ”„๋กœ์ ํŠธ ํ•˜๋Š”๋ฐ ํ•„์š”ํ•œ ๋‚ด์šฉ์„ ์—ฌ๊ธฐ์„œ ์ฐพ์•„์„œ ๋‹คํ–‰์ด์—์š”

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

      ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ์ฆ๊ฑฐ์šด ์ฃผ๋ง ๋˜์„ธ์š”~! ๐Ÿ’ช

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

    ์ˆ˜๊ฐ•ํ‰ 6

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

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

    ์ฆ๊ฑฐ์šด ์ˆ˜๊ฐ•์ด์—ˆ์Šต๋‹ˆ๋‹ค ๋‹ค์Œ์—๋Š” ๊ผฌ์˜ฅ... nuxt3 + vuetify3 ๋ถ€ํƒ ๋“œ๋ฆฝ๋‹ˆ๋‹ค. vuetify ๊ณต๋ถ€ํ–ˆ๋Š”๋ฐ quasar ๋ฅผ ๋˜ ๊ณต๋ถ€ ํ•˜๊ธฐ๋Š” ๋„ˆ๋ฌด ์‹ซ๋„ค์š”.

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

      ์ˆ˜๊ณ  ๋งŽ์œผ์…จ์Šต๋‹ˆ๋‹ค! ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค~!! ๐Ÿ™‚

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

    ์ˆ˜๊ฐ•ํ‰ 24

    โˆ™

    ํ‰๊ท  ํ‰์  4.6

    5

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

    ๋น ๋ฅด๊ณ  ์ƒ์‚ฐ์„ฑ ๋†’๊ฒŒ ๊ณ ํ’ˆ์งˆ์˜ UI ๋ฅผ front ๊ฒฝํ—˜์ด ์—†๋Š” ์ €์—๊ฒŒ๋„ ์‹œ์ž‘ ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋งŽ์€ ๋„์›€์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค ์ข‹์€๊ฐ•์˜ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค

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

      ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค! ์ˆ˜๊ณ  ๋งŽ์œผ์…จ์Šต๋‹ˆ๋‹ค~!! ๐Ÿ™‚

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

    ์ˆ˜๊ฐ•ํ‰ 2

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

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

    ๋จธ๋ฆฌ์— ์™์™ ๋“ค์–ด์˜ต๋‹ˆ๋‹ค

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

      ์ข‹๊ฒŒ ๋ด์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค~!!! ๐Ÿ™‚ ๐Ÿ’ช

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

    ์ˆ˜๊ฐ•ํ‰ 15

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

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

    vuetify์— ๋Œ€ํ•ด์„œ ์•Œ๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

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

      ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค~!! ๐Ÿ™‚ ๐ŸŽ‰

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

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

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

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

์‹ ๊ทœ๊ฐ€์ž… 25% ํ• ์ธ

โ‚ฉ41,250

25%

โ‚ฉ55,000

ํ‰์ƒ๊ต์œก์ด์šฉ๊ถŒ ์ง€์› ๊ฐ•์˜