Inflearn brand logo image
Inflearn brand logo image
์ฑ„๋„ํ†ก ์•„์ด์ฝ˜
BEST

ํ€˜์ด์‚ฌ(Quasar) ์™„๋ฒฝ ๋งˆ์Šคํ„ฐ: Vue ํ”„๋ก ํŠธ ์›น์„ ๋น ๋ฅด๊ฒŒ ๋งŒ๋“ค๊ณ  ์‹ถ๋‹ค๋ฉด! (Based Vue3)

Vue.js๋กœ ์›น ๊ฐœ๋ฐœ์„ ํ•˜๋ฉฐ ํ€˜์ด์‚ฌ(Quasar)๋ฅผ ์ด์šฉํ•˜๊ณ  ์‹ถ์€ ๋ถ„๋“ค์„ ์œ„ํ•œ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค. ์‚ฌ๋‚ด์—์„œ ํ”„๋ก ํŠธ ์›น์„ ๋น ๋ฅด๊ฒŒ ๊ตฌ์ถ•ํ•ด์•ผ ํ•˜๋Š” ๋ถ„ ๋˜๋Š” ๋‚˜๋งŒ์˜ ๋ฉ‹์ง„ UI๋ฅผ ๋งŒ๋“ค์–ด์•ผ ํ•˜๋Š” ๋ถ„์ด์‹ ๊ฐ€์š”? ์ด ๊ฐ•์˜๋ฅผ ํ†ตํ•ด์„œ ์‰ฝ๊ณ , ๋น ๋ฅด๊ฒŒ ํ”„๋ก ํŠธ ์›น์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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

[์ง์ฝ”๋”ฉ] Nuxt3 ์™„๋ฒฝ ๋งˆ์Šคํ„ฐ ๊ฐ•์˜ ์ถœ์‹œ ์•ˆ๋‚ด ๐ŸŽ‰

์•ˆ๋…•ํ•˜์„ธ์š”, ์ง์ฝ”๋”ฉ์ž…๋‹ˆ๋‹ค ๐ŸŽ‰
๋“œ๋””์–ด Nuxt3 ๊ฐ•์˜๊ฐ€ ์ธํ”„๋Ÿฐ์— ์ถœ์‹œ๋˜์—ˆ์Šต๋‹ˆ๋‹ค~!

์ œ๊ฐ€ Vue ๊ฐ•์˜๋ฅผ ํ•˜๋ฉด์„œ ๋งŽ์€ ๋ถ„๋“ค์ด Nuxt3 ๊ฐ•์˜๋ฅผ ์š”์ฒญํ•ด ์ฃผ์…จ๋Š”๋ฐ์š”!
๊ทธ๋ž˜์„œ ์ˆ˜๊ฐ•์ƒ๋ถ„๋“ค๊ป˜ ๋งŽ์€ ๋„์›€์„ ๋“œ๋ฆด ์ˆ˜ ์žˆ๋„๋ก ์ •๋ง ์•Œ์ฐฌ ์ปค๋ฆฌํ˜๋Ÿผ์œผ๋กœ Nuxt3 ๊ฐ•์˜๋ฅผ ์ถœ์‹œํ•˜๊ฒŒ ๋˜์—ˆ์–ด์š”!

์ž์„ธํ•œ ๋‚ด์šฉ์€ ๊ฐ•์˜์†Œ๊ฐœ์˜์ƒ, ์˜ค๋ฆฌ์—”ํ…Œ์ด์…˜ ์˜์ƒ์„ ๋ด์ฃผ์‹œ๋ฉด ๊ฐ์‚ฌ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค.

๊ฐ•์˜ ์ƒ์„ธํŽ˜์ด์ง€ ๋งํฌ

image

๋Œ“๊ธ€