๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

์ „์ฒด ๊ธ€

(79)
Windows 11 ์Šคํฌ๋กค ๋ฐฉํ–ฅ ๋ฐ”๊พธ๊ธฐ https://www.makeuseof.com/windows-11-change-scrolling-direction/#:~:text=Changing%20the%20scrolling%20direction%20for%20the%20touchpad%20is%20fairly%20straightforward,and%20click%20on%20Scroll%20%26%20zoom. How to Change the Scrolling Direction in Windows 11 If you want to reverse how the scroll wheel works, here's how to invert the scrolling direction in Windows 11. www.makeuseof.com ๋งฅ์—์„œ ์œˆ๋„์šฐ๋ฅผ ์‚ฌ..
Concrete5 ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ ํ›„ ๋ณดํ˜ธ๋˜์–ด ์žˆ๋Š” ๊ธ€์ž…๋‹ˆ๋‹ค.
TailwindCSS ์‚ผํ•ญ์—ฐ์‚ฐ์ž ์‚ฌ์šฉํ•˜์—ฌ ํด๋ž˜์Šค๋ช… ๋™์ ์œผ๋กœ ๋ฐ”๊พธ๊ธฐ ... e.g. ...
[์‚ฝ์งˆ๋กœ๊ทธ] Heroku์—์„œ ์–ด๋””๋กœ ๊ฐˆ์•„ํƒˆ๊นŒ ์™œ ๊ฐˆ์•„ํƒ€์•ผ ํ•˜๋Š”๊ฐ€ Next.js ์™€ Strapi Headless CMS๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ๋ฅผ ๋งŒ๋“ค์—ˆ๊ณ  ๊ฑฐ์˜ 2๋…„๊ฐ„ ์†Œ์†Œํ•˜๊ฒŒ ์—…๋ฐ์ดํŠธ๋„ ํ•˜๊ณ  ๋ฌธ์ œ๋„ ํ•ด๊ฒฐํ•ด๊ฐ€๋ฉฐ ํฌํŠธํด๋ฆฌ์˜ค๋กœ ์ž˜ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์—ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ๋ช‡ ๋‹ฌ ์ „ Heroku๊ฐ€ Free tier๋ฅผ ์ค‘๋‹จํ•œ๋‹ค๋Š” ๋‰ด์Šค๋ฅผ ๋“ฃ๊ฒŒ ๋˜์—ˆ๋‹ค. Strapi๋ฅผ Heroku์— ๋ฐฐํฌํ•ด๋†“์•˜๋Š”๋ฐ... ์‚ฝ์งˆํ•˜๋ฉฐ ๋ฐฐํฌํ•˜๊ณ  ํž˜๋“ค๊ฒŒ ๋ชจ์€ ๋ฐ์ดํ„ฐ๋“ค์ธ๋ฐ... ์ง€๊ธˆ ๋” ์ด์ƒ ํ•ด๋‹น ํ”„๋กœ์ ํŠธ๋ฅผ ์—…๋ฐ์ดํŠธํ•˜์ง„ ์•Š์ง€๋งŒ ๊ทธ๋ƒฅ ์ด๋ ‡๊ฒŒ ๋ณด๋‚ด๊ธฐ๋Š” ๋„ˆ๋ฌด ์•„์‰ฌ์› ๋‹ค. ํ•˜์ง€๋งŒ ์•„์ง ์‹œ๊ฐ„์ด ๋‚จ์•˜์œผ๋‹ˆ๊นŒ ํ•˜๊ณ  ์ฐจ์ผํ”ผ์ผ ๋ฏธ๋ฃจ๋‹ค ์˜ค๋Š˜์— ์ด๋ฅด๊ฒŒ ๋œ๋‹ค. Heroku๋Š” 2022๋…„ 11์›” 28์ผ๋ถ€๋กœ Free tier๋ฅผ ์ค‘๋‹จํ•œ๋‹ค๊ณ  ํ•˜๋‹ˆ ์ด์ œ ์—ดํ˜๋„ ์•ˆ๋‚จ์•˜๋‹ค. ๊ทธ ์ „์— ์ด์‚ฌ๋ฅผ ๋งˆ์ณ์•ผํ•œ๋‹ค. ๋Œ€์ฒด ๋ฐฉ์•ˆ์— ๋Œ€ํ•ด์„œ ์ด์•ผ๊ธฐ ํ•ด๋†“์€ ๊ธ€๊ณผ ..
์ฒด๋ ฅ ๊ธฐ๋ฅด๊ธฐ 100์ผ (100/100) ๋ณดํ˜ธ๋˜์–ด ์žˆ๋Š” ๊ธ€์ž…๋‹ˆ๋‹ค.
package.json์—์„œ dependencies ์ตœ์‹  ๋ฒ„์ „์œผ๋กœ ์—…๋ฐ์ดํŠธํ•˜๊ธฐ Next.js๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ง„ํ–‰ํ•˜๊ณ  ์žˆ๋Š” ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ์—์„œ ์„œ๋“œํŒŒํ‹ฐ ์Šคํฌ๋ฆฝํŠธ๊ฐ€ ๋“ค์–ด๊ฐ€๋Š”๋ฐ ์•„๋ฌด๋ฆฌ next/script๋ฅผ ์‚ฌ์šฉํ•ด๋ด๋„ ๋กœ๋“œ๊ฐ€ ๋˜์ง€ ์•Š๋Š” ๊ฒƒ์ด์—ˆ๋‹ค... ๊ตฌ๊ธ€์„ ํ—ค์ง‘๊ณ  ๋‹ค๋‹ˆ๋‹ค๋ณด๋‹ˆ ๋‚˜์™€ ๋น„์Šทํ•œ ๊ฒฝํ—˜์„ ํ•œ ๊ฐœ๋ฐœ์ž๋“ค์ด ์žˆ์—ˆ๊ณ  Next 12.1.6 ์— ๋ฒ„๊ทธ๊ฐ€ ์žˆ์—ˆ์œผ๋‹ˆ 12.2.0์œผ๋กœ ์—…๋ฐ์ดํŠธํ•˜๊ณ  ์‹œ๋„ํ•ด๋ณด๋ผ๋Š” ๊ฒƒ์ด์—ˆ๋‹ค. ๊ทธ๋ž˜์„œ ์ž‘์„ฑํ•˜๊ฒŒ ๋œ package.json์—์„œ dependencies ์ตœ์‹  ๋ฒ„์ „์œผ๋กœ ์—…๋ฐ์ดํŠธํ•˜๊ธฐ! ์ด ๊ธ€์€ ์Šคํƒ์˜ค๋ฒ„ํ”Œ๋กœ์šฐ์—์„œ ์•„๋ž˜์˜ ๊ธ€์„ ์ฐธ๊ณ ํ–ˆ๋‹ค. https://stackoverflow.com/questions/16073603/how-to-update-each-dependency-in-package-json-to-the-latest-version How to update each dep..
Next.js ์—์„œ module import ์‹œ alias ์‚ฌ์šฉํ•˜๊ธฐ (์ ˆ๋Œ€๊ฒฝ๋กœ) Next.js ๊ณต์‹ ๋ฌธ์„œ์—์„œ๋„ ์†Œ๊ฐœํ•˜๊ณ  ์žˆ๋‹ค. Advanced Features: Absolute Imports and Module Path Aliases | Next.js Configure module path aliases that allow you to remap certain import paths. nextjs.org ์–ผ๋งˆ ์ „ ๊ธฐ์ˆ ๋ฉด์ ‘ ๊ณผ์ œ๋ฅผ ์ œ์ถœํ–ˆ๋Š”๋ฐ ๋ฉด์ ‘ ๋ณผ ๋•Œ ์™œ ์ƒ๋Œ€๊ฒฝ๋กœ๋กœ ์ž‘์„ฑํ–ˆ๋ƒ๊ณ  ๋ฌผ์–ด๋ณด์…จ๋‹ค. ๊ทธ๋™์•ˆ์€ ๊ทธ๋ ‡๊ฒŒ ํฐ ํ”„๋กœ์ ํŠธ ์ž‘์—…ํ•ด๋ณธ ์ ์ด ์—†๊ณ  ๋””๋ ‰ํ† ๋ฆฌ ๊นŠ์ด๋„ ์•„์ฃผ ๊นŠ์€ ์ ์ด ์—†์–ด์„œ ํฌ๊ฒŒ ์ ˆ๋Œ€๊ฒฝ๋กœ๋กœ ์ž‘์„ฑํ•ด์•ผ์ง€ ํ•˜๊ณ  ์ƒ๊ฐํ•ด๋ณด์ง€ ์•Š์•˜๋Š”๋ฐ ์ด๋ฒˆ์— ์ƒˆ๋กœ์šด ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ๋Š” ์ ˆ๋Œ€๊ฒฝ๋กœ๋กœ ์„ค์ •ํ•˜๊ณ  ์ž‘์—…ํ•ด๋ณด๋ ค๊ณ  ์ฐพ์•„๋ดค๋‹ค. ์•„๋ž˜์˜ ์„ค๋ช…์€ JS ๊ธฐ์ค€์ด๋‹ค. - jsconfig.json๋ฅผ root์— ..
PlanetScale organization ๋ฐ”๊พธ๊ธฐ PlanetScale์€ organization ๋งˆ๋‹ค 1๊ฐœ์˜ DB๋ฅผ ๋ฌด๋ฃŒ๋กœ ์ œ๊ณตํ•œ๋‹ค. ์ƒˆ๋กœ์šด ํ”„๋กœ์ ํŠธ๋ฅผ ๋งŒ๋“ค๊ณ  ์‹ถ์–ด ์ƒˆ๋กœ์šด organization์„ ์ƒ์„ฑํ•œ๋’ค DB๋ฅผ ์ƒ์„ฑํ•˜๊ณ  local์—์„œ ์„ธํŒ…์„ ํ•˜๋ ค๊ณ  ํ•˜๋‹ˆ ๊ธฐ์กด organization์—์„œ๋Š” "Error: This organization is at its limit of 1 free database." ์ด๋Ÿฐ ์—๋Ÿฌ ๋ฉ”์‹œ์ง€๊ฐ€ ๋œฌ๋‹ค. ์ฆ‰ ๊ธฐ์กด organization์—์„  ๋” ์ด์ƒ ๋ฌด๋ฃŒ๋กœ ์“ธ ์ˆ˜ ์—†์œผ๋‹ˆ ์ƒˆ๋กœ์šด organization์œผ๋กœ ๋ณ€๊ฒฝํ•˜๊ณ  DB๋ฅผ ์ƒ์„ฑํ•ด์ฃผ์–ด์•ผํ•œ๋‹ค๋Š” ์˜๋ฏธ. ์•„๋ž˜์˜ ๋ช…๋ น์–ด๋กœ ์›ํ•˜๋Š” organization์œผ๋กœ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๋‹ค. pscale org switch ์ฐธ๊ณ ๋กœ ๋‚ด ๊ณ„์ •์˜ organization ๋ฆฌ์ŠคํŠธ๊ฐ€ ๊ถ๊ธˆํ•˜๋‹ค๋ฉด pscale org list ํ˜„..