๋ถ๋ฅ ์ ์ฒด๋ณด๊ธฐ (79) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ MySQL ๋คํ ๋จ๊ธฐ ๋ฏธ๋์ ๋คํ ๋ฐ ๋๋ฅผ ์ํด mysqldump -u root -p [๋ฐ์ดํฐ๋ฒ ์ด์ค๋ช ] > [ํ์ผ๋ช ].sql ์ฐธ์กฐ https://blog.dalso.org/article/mysql-mariadb-dump MySQL ์ปฌ๋ผ ์ถ๊ฐํ๊ธฐ ์์ฃผํ๋ ์์ฑ(?)ํ๋ ๊ฒ ์๋๋ผ ๊ทธ๋ฐ์ง DDL ์์ฑํ ๋๋ ๋งค๋ฒ ์ฐพ์๋ณด๋ ๊ฒ ๊ฐ์ ๋๋ -_-;; ALTER TABLE `ํ ์ด๋ธ๋ช ` ADD COLUMN `์ปฌ๋ผ๋ช ` ๋ฐ์ดํฐ ํ์ NULL๊ฐ์ค์ COMMENT '์ปค๋งจํธ๋ช ' AFTER `์ถ๊ฐ๋๊ธธ ์ํ๋ ์์น ์ ์ปฌ๋ผ๋ช `; ALTER TABLE `member` ADD COLUMN `firstname` VARCHAR(20) NOT NULL COMMENT '์ด๋ฆ' AFTER `surname`; ALTER TABLE `member` ADD COLUMN `nickname` VARCHAR(20) NULL DEFAULT NULL COMMENT '์ด๋ฆ' AFTER `firstname`; ๋งจ ์์ ์ถ๊ฐ๋๊ธฐ๋ฅผ ์ํ๋ค๋ฉด AFTER `์ปฌ๋ผ๋ช `์ด ์๋ FIRST๋ฅผ ์ ์ด์ฃผ๋ฉด๋๊ณ ๋งจ ๋ค.. [ํ์ ๊ธฐ๋ก] ๋ด์ค๋ ํฐ ๋ชจ์ ์ฌ์ดํธ NEWใปLEใปKA NEWใปLEใปKA(๋ด๋ ์นด) โก๏ธ https://newleka.vercel.app ๐ฌ ์์ ๋ฐ ๊ณ๊ธฐ ์์์ ์ง์งํ๊ฒ ๊ถ์์ฒด๋ก ์์ฑํด๋ณด๊ฒ ๋ค. ์ฝ ๋ฐ๋ ์ ์ฏค ์์ํ ์ฌ์ด๋ ํ๋ก์ ํธ๊ฐ ์๋ค. (ํน๋ณํ ์ผ์ด ์์ผ๋ฏ๋ก ๊ฑฐ์ ๋ฉ์ธ์ธ) ๋ญ๊ฐ๋ฅผ ๋ง๋ค์ด ๋ณด๊ณ ์ถ์๋ฐ ํด๋ก ์ฝ๋ฉํ๋ ๊ฑด ์ง๊ฒน๊ณ ... ๋ด๊ฐ ์ง์ ์๋น์ค๋ฅผ ์ด์ํด๋ณด๊ณ ์ถ์ ๊ฒ๋ ์๊ณ , ์ง์ ๋ง๋ค๋ฉด ๋ญ๊ฐ๋ฅผ ๋ ๋ง์ด ๋ฐฐ์ฐ์ง ์์๊น ํ๋ ์๊ฐ์ผ๋ก ์ด๋ฐ์ ๋ฐ ์๊ฐ์ ํ๋ค๊ฐ ๋ ์ค๋ฅธ ์์ด๋์ด์๋ ๊ฒ ๊ฐ๋ค. ํ์์ ๋ด์ค๋ ํฐ ๋ณด๋ ๊ฑธ ๊ฝค ์ข์ํ๋ค. ๋ง์ ๋ด์ค๋ ํฐ๋ฅผ ๊ตฌ๋ ํ๋ ๊ฑด ์๋์ง๋ง ํฌํธ ์ฌ์ดํธ์ ๋์๋ค๋๋ฉด์ ๋ณด๊ฒ ๋๋ ์ ๋ณด๋ค๊ณผ ๋ค๋ฅด๊ฒ ๋๊ตฐ๊ฐ ์ ์ฑ์ ๋ค์ฌ ๋ชจ์๋์๊ฑฐ๋ ์ ๋ฆฌํ ๋๋ ๋ง๋ ๋ฐ์ดํฐ๋ผ ๊ทธ๋ฐ์ง ์งง์ ์๊ฐ์๋ ๋ง์ ์ ๋ณด๋ฅผ ์ป์ ์ ์๊ณ ์์ง์ ์ ๋ณด๋ค์ด ๋ง์๋ค. ์ฌ๋ฌ ๋ถ์ผ์.. [๋ด๋ณด๋ด๋ฒ] Next.js docs - Dynamic Import ๋ด๋ณด๋ด๋ฒ(๋ด๊ฐ ๋ณด๋ ค๊ณ ๋ด๊ฐ ๋ฒ์ญํ...) Next.js docs 2021๋ 8์ 3์ผ ๊ธฐ์ค Next.js ๊ณต์ ๋ฌธ์๋ฅผ ๋ฒ์ญํ๋ค. โป ์์ด ์ ๊ณต์๋ ํด์ธ ์ ํํ๋ ์๋๊ธฐ์ ๋ฒ์ญ์๋ ์์ญ, ์ค์ญ, ๊ตฌ๊ธ ๋ฒ์ญ์ด ๋ฌด์ํ ๋ง์ ์ ์์ผ๋ฉฐ, ํผ์ ๊ณต์๋ฌธ์๋ฅผ ์ฐธ์กฐํด๊ฐ๋ฉฐ ๋ฒ์ญํ๋ค ๋ณด๋ ์คํ๋ ๋ง์ ์ ์๋ค. ์ ํํ ๋ด์ฉ์ ๊ณต์๋ฌธ์๋ฅผ ์ง์ ์ดํด๋ณด๊ฑฐ๋ ๋ค๋ฅธ ์ ๋ณด๋ค์ ๋ ์ฐพ์๋ณด๋ ๊ฒ์ ์ถ์ฒํ๋ค. (ํ์ง๋ง ๋๊ธ ํผ๋๋ฐฑ๋ ํ์ํฉ๋๋ค๐ ) Next.js ๊ณต์๋ฌธ์ ํ์ธํ๊ธฐ>> Advanced Features: Dynamic Import | Next.js Dynamically import JavaScript modules and React Components and split your code into manageable chunk.. [๋ด๋ณด๋ด๋ฒ] Next.js docs - Authentication ๋ด๋ณด๋ด๋ฒ(๋ด๊ฐ ๋ณด๋ ค๊ณ ๋ด๊ฐ ๋ฒ์ญํ...) Next.js docs 2021๋ 8์ 2์ผ ๊ธฐ์ค Next.js ๊ณต์ ๋ฌธ์๋ฅผ ๋ฒ์ญํ๋ค. โป ์์ด ์ ๊ณต์๋ ํด์ธ ์ ํํ๋ ์๋๊ธฐ์ ๋ฒ์ญ์๋ ์์ญ, ์ค์ญ, ๊ตฌ๊ธ ๋ฒ์ญ์ด ๋ฌด์ํ ๋ง์ ์ ์์ผ๋ฉฐ, ํผ์ ๊ณต์๋ฌธ์๋ฅผ ์ฐธ์กฐํด๊ฐ๋ฉฐ ๋ฒ์ญํ๋ค ๋ณด๋ ์คํ๋ ๋ง์ ์ ์๋ค. ์ ํํ ๋ด์ฉ์ ๊ณต์๋ฌธ์๋ฅผ ์ง์ ์ดํด๋ณด๊ฑฐ๋ ๋ค๋ฅธ ์ ๋ณด๋ค์ ๋ ์ฐพ์๋ณด๋ ๊ฒ์ ์ถ์ฒํ๋ค. (ํ์ง๋ง ๋๊ธ ํผ๋๋ฐฑ๋ ํ์ํฉ๋๋ค๐ ) Next.js ๊ณต์๋ฌธ์ ํ์ธํ๊ธฐ>> Authentication | Next.js Learn about authentication patterns in Next.js apps and explore a few examples. nextjs.org Authentication verifies who .. [์ฝ์ง๋ก๊ทธ] Next.js(Vercel) + Strapi(Heroku) 504 ์๋ฌ ๋์ฒ (์ด ๊ธ์ 2021๋ 7์ 11์ผ ๊ธฐ์ค ๊ธ์ด๋ค.) ์ฝ์ง์์ฝ๐จ๐ง ์คํ: Next.js(Vercel) + Strapi - Postgres(Heroku) ์ฆ์: ์ด๊ธฐ ์ ๊ทผ์ 504 ์๋ฌ๊ฐ ๋ธ. (Serverless Function Timeout) ๋์ฒ: ๋งค๋ฒ ์๋ฒ์ ์์ฒญํด์ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ค๋ getServerSideProps์์ getStaticProps๋ก ๋ณ๊ฒฝ ํ revalidate ์ค์ . (์๋ฌ์ ๋ํ ๊ทผ๋ณธ์ ์ธ ํด๊ฒฐ์ฑ ์ด ์๋๋ผ ๋ค๋ฅธ ๋ฐฉ๋ฒ์ผ๋ก ๋์ฒํ ๊ฒ์ด๊ธฐ์ ๋์ฒ๋ผ๊ณ ์ผ๋ค.) ์ฝ์ง๊ตฌ๊ตฌ์ ์ ์ฌ์ด๋ ํ๋ก์ ํธ๋ฅผ ํ๋ค๊ฐ ํ๋์ ๋ค๋ฅธ ํ ์ด ํ๋ก์ ํธ๋ฅผ ๋ง์ง์๊ฑฐ๋ฆฌ๋ค๋ณด๋ ์ฌ์ด๋ ํ๋ก์ ํธ๋ ์ ์ด์ด ๋ฉ๋ฆฌ ๋ฉ์ด์ ธ๋ฒ๋ ธ๊ณ ์๋๊ธฐ๋ ๊ท์ฐฎ์์ก๋ค. ์์งํ ๋งํ๋ฉด ํด๊ฒฐํด์ผ ํ ๋ฌธ์ ๊ฐ ์์๋๋ฐ ํด๊ฒฐ์ฑ ์ด ๋ณด์ด์ง ์์์ ๋ ๊ฑด๋ค๊ธฐ๊ฐ ์ซ์๋ค... [๋ด๋ณด๋ด๋ฒ] Next.js docs - Deployment ๋ด๋ณด๋ด๋ฒ(๋ด๊ฐ ๋ณด๋ ค๊ณ ๋ด๊ฐ ๋ฒ์ญํ...) Next.js docs 2021๋ 7์ 11์ผ ๊ธฐ์ค Next.js ๊ณต์ ๋ฌธ์๋ฅผ ๋ฒ์ญํ๋ค. โป ์์ด ์ ๊ณต์๋ ํด์ธ ์ ํํ๋ ์๋๊ธฐ์ ๋ฒ์ญ์๋ ์์ญ, ์ค์ญ, ๊ตฌ๊ธ ๋ฒ์ญ์ด ๋ฌด์ํ ๋ง์ ์ ์์ผ๋ฉฐ, ํผ์ ๊ณต์๋ฌธ์๋ฅผ ์ฐธ์กฐํด๊ฐ๋ฉฐ ๋ฒ์ญํ๋ค ๋ณด๋ ์คํ๋ ๋ง์ ์ ์๋ค. ์ ํํ ๋ด์ฉ์ ๊ณต์๋ฌธ์๋ฅผ ์ง์ ์ดํด๋ณด๊ฑฐ๋ ๋ค๋ฅธ ์ ๋ณด๋ค์ ๋ ์ฐพ์๋ณด๋ ๊ฒ์ ์ถ์ฒํ๋ค. (ํ์ง๋ง ๋๊ธ ํผ๋๋ฐฑ๋ ํ์ํฉ๋๋ค๐ ) Next.js ๊ณต์๋ฌธ์ ํ์ธํ๊ธฐ>> Deployment | Next.js Deploy your Next.js app to production with Vercel and other hosting options. nextjs.org Vercel(Recommended) The easiest wa.. [๋ด๋ณด๋ด๋ฒ] JavaScript - Function Declarations vs. Function Expressions GitHub์ ์๋ 33 Concepts Every JavaScript Developer Should Know ๋ผ๋ ๋ฆฌํฌ์งํ ๋ฆฌ์ ๋ด์ฉ ์ค ๊ณต๋ถํ๊ณ ์ถ์ ์ํฐํด์ ๋ด๊ฐ ์ ๋ฆฌํ ๊ฒธ ๊ธฐ์ตํ ๊ฒธ ์์ฑํ๋ ๋ฒ์ญ๊ธ์ด๋ค. 33๊ฐ์ง ์ค ๋ ๋ฒ์งธ์ธ ๊ธฐ๋ณธํ๊ณผ ๊ด๋ จ๋ ๋ด์ฉ์ด๋ค. โป ๋ด๋ณด๋ด๋ฒ(๋ด๊ฐ ๋ณด๋ ค๊ณ ๋ด๊ฐ ๋ฒ์ญํ): ์์ด ์ ๊ณต์๋ ํด์ธ ์ ํํ๋ ์๋๊ธฐ์ ๋ฒ์ญ์๋ ์์ญ, ์ค์ญ, ๊ตฌ๊ธ ๋ฒ์ญ์ด ๋ฌด์ํ ๋ง์ ์ ์์ผ๋ฉฐ, ์คํ๋ ๋ง์ ์ ์๋ค. ์ ํํ ๋ด์ฉ์ ์๋ฌธ์ ์ง์ ์ดํด๋ณด๊ฑฐ๋ ๋ค๋ฅธ ์ ๋ณด๋ค์ ๋ ์ฐพ์๋ณด๋ ๊ฒ์ ์ถ์ฒํ๋ค. (ํ์ง๋ง ๋๊ธ ํผ๋๋ฐฑ๋ ํ์ํฉ๋๋ค๐ ) ์ด๋ฒ์ ๊ณ ๋ฅธ ์ํฐํด์ Mandeep Singh ๋์ด ์์ฑํ์ Function Declarations vs. Function Expressions ์ด๋ค. ๋ด์ฉ ์ค๊ฐ ์ค๊ฐ ๐ค.. ์ด์ 1 ยทยทยท 4 5 6 7 8 9 10 ๋ค์