nuxt.js 2

[Vuetify, Nuxt] Vuetify์˜ custom variable ๋ณ€๊ฒฝํ•˜๊ธฐ

vuetify์˜ ๋””์ž์ธ๋“ค์ด ๋Œ€๋ถ€๋ถ„ ํ›Œ๋ฅญํ•˜์ง€๋งŒ ๋งˆ์Œ์— ๋“ค์ง€ ์•Š๋Š” ๊ฒƒ๋“ค์ด ์žˆ๋‹ค. ์˜ˆ๋ฅผ๋“ค๋ฉด table์—์„œ ๋„ˆ๋ฌด ๊ณผํ•˜๊ฒŒ ๋“ค์–ด๊ฐ€์žˆ๋Š” box-shadow์™€ ๊ฐ™์€ ์š”์†Œ๋“ค. ์ด๋Ÿฐ ์ ์„ vuetify๋„ ์ž˜ ์•Œ๊ณ  ์žˆ๋Š”์ง€, vuetify์˜ api ๋ฌธ์„œ ํ•˜๋‹จ์— ๋ณด๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๊ฒƒ๋“ค์ด ์ ํ˜€์ ธ์žˆ๋‹ค. ๋ฏธ๋ฆฌ ๋ณ€์ˆ˜๋“ค์„ ์„ ์–ธํ–ˆ์œผ๋‹ˆ default ๊ฐ’์—์„œ ๋ฐ”๊ฟ”์„œ ์‚ฌ์šฉํ•ด๋ผ๋Š” ๊ฒƒ ๊ฐ™์œผ๋‹ˆ, ํ•œ ๋ฒˆ ์‹œ๋„ํ•ด๋ณด๋ฉด..? ์‚ฌ๋ผ์ง€์ง€ ์•Š๋Š”๋‹ค. ๊ทธ๋Ÿฌ๋ฉด document๋ฅผ ํ•œ ๋ฒˆ ์ฐพ์•„๋ณด์ž. https://vuetifyjs.com/en/features/sass-variables/ SASS variables Customize Vuetify's internal styles by modifying SASS variables. vuetifyjs.com treeShake..

Programming/Vue.js 2021.12.28

docker compose๋ฅผ ์ด์šฉํ•ด์„œ ํ•œ ๋ฒˆ์— ์„œ๋ฒ„ ๊ตฌ์ถ•ํ•˜๊ธฐ (1) Nuxt.js

docker๋Š” linux์˜ ์ปจํ…Œ์ด๋„ˆ๋ฅผ ๋งŒ๋“ค๊ณ  ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ์ปจํ…Œ์ด๋„ˆํ™” ๊ธฐ์ˆ ์ด๋‹ค. ๊ฐ๊ฐ์˜ ์ปจํ…Œ์ด๋„ˆ๋Š” ๊ธฐ๋ณธ ํ™˜๊ฒฝ์œ„์— ๊ฐœ๋ณ„ ํ™˜๊ฒฝ์„ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ๋‹ค(์ดํ•ด๊ฐ€ ํž˜๋“ค๋‹ค๋ฉด ๊ฐ€์ƒ๋จธ์‹ ์„ ์ƒ๊ฐํ•ด๋„ ํฐ ๋ฌด๋ฆฌ๋Š” ์—†๋‹ค. ํ•˜์ง€๋งŒ ๋‘ ๊ฐœ๋Š” ๋ถ„๋ช…ํžˆ ๋‹ค๋ฅด๋‹ค! https://www.redhat.com/ko/topics/containers/whats-a-linux-container). ๋”ฐ๋ผ์„œ docker๋ฅผ ์ด์šฉํ•ด์„œ ํ™˜๊ฒฝ์„ ๊ตฌ์ถ•ํ•œ๋‹ค๋ฉด, ์‚ฌ์šฉ ํ™˜๊ฒฝ์— ์ƒ๊ด€์—†์ด ๋Š˜ ๋™์ผํ•œ ๊ธฐ๋Šฅ์„ ํ•˜๋Š” ์„œ๋น„์Šค๋ฅผ ๊ธฐ๋™ํ•  ์ˆ˜ ์žˆ๋‹ค. ์ด๋Ÿฌํ•œ ์žฅ์ ์„ ์ด์šฉํ•ด์„œ ์ตœ์ข…์ ์œผ๋กœ. [git clone]๊ณผ [docker-compose up] 2๊ฐ€์ง€ ๋ช…๋ น์–ด๋งŒ์œผ๋กœ https ์ธ์ฆ๊นŒ์ง€ ์™„๋ฃŒ๋˜๋Š” Nginx-[Nuxtjs, Django-PostgreSQL] docker๋ฅผ ๋งŒ๋“ค์–ด๋ณด์ž...

Programming/Docker 2021.09.08