์ฐ์ nvm๋ฅผ ์ด๋ฏธ ์ค์นํ๋๋ฐ๋ ์ค๋ฅ๊ฐ ๋๋ค๋ฉด, ์๋ ์ฝ๋๋ฅผ ์ด์ฉํด ์ฌ์ค์น๋ฅผ ์งํํ๋ค.์์ง ์ค์น ์ ์ด๋ผ๋ฉด ์๋ ์ฝ๋๋ฅผ ์ด์ฉํด ์ค์น๋ฅผ ์งํํ๋ค.์๋์ ์ฝ๋๋ฅผ ์ ๋ ฅํด ๋๋ ํ ๋ฆฌ๋ฅผ ์์ฑํ๋ค.์ด์ด์ ์๋ ์ฝ๋๋ฅผ ์ ๋ ฅํ์ฌ ํ๊ฒฝ ๋ณ์ ์ค์ ์ ์งํํ๋ค.์๋์ ๊ฐ์ ํ ์คํธ๊ฐ ๋์ฌํ ๋ฐ,
์๋์ฒ๋ผ ์์ค๋งต ๋ก๋ ์คํจ ์ค๋ฅ ๋ฉ์์ง๊ฐ ๋จ๋ ๊ฒฝ์ฐ ์ฝ์์ฐฝ์ด ๊น๋ํ์ง ์์ ๋ณด๊ธฐ์ ๋ถํธํ๋ฐ, ๊ฐ๋ฐ์๋ชจ๋ ์ค์ ๋ณ๊ฒฝ์ผ๋ก ๊ฐ๋จํ๊ฒ ์จ๊ธธ ์ ์๋ค.ํ์ ๋ ํฑ๋๋ฐํด ๋ฒํผ์ ๋๋ฌ ์ค์ ํ์ด์ง๋ก ์ง์ ํ๋ค.Sources ํญ์ "Enable JavaScript source maps
๋งฅ๋ถ์ด ๋ง์ฝ์ด๋ค... 2018 Macbook Pro 15์ธ์น ๋ชจ๋ธ์ธ๋ฐ ์ธ๋ถ ๋ชจ๋ํฐ ์ฐ๊ฒฐ๋ง ํ๋ฉด kernal_task ํ๋ก์ธ์ค๊ฐ CPU ์ ์ ์จ์ ๊ณผํ๊ฒ ์ก์๋จน๋๋ค. ๋ฐ์ด ์ด์๊ฐ ์์๋ ๋ชจ๋ธ์ด๊ธด ํ์ง๋ง ์จ๋ ๊ด๋ฆฌ ํ๋ต์๊ณ CPU ์ ์ ์จ์ 700% ๊น์ง ์ก์๋จน๋ ๊ฑด ๋๋ฌดํ๊ฑฐ
๊ธฐ์กด package.json ํ์ผ์ ์๋ก ์ค์นํ ํจํค์ง๋ค์ด ๊ธฐ๋ก ๋ package.json ์ ๋ฎ์ด์ด๋ค.ํฐ๋ฏธ๋์ yarn install ์ ์ ๋ ฅํ๋ฉด ๋์ฒด ๋ package.json ํ์ผ์ ๊ธฐ๋ก ๋ ํจํค์ง๋ค์ด ์ค์น๋๋ค.์ง๊ธ์ ์ค์นํ ํจํค์ง๋ค์ด ๋ง์ง ์์์ ๋ณ๊ฒฝ๋ ํจํค์ง๋ค
CSS - Grid 3X3 ์ ๋ ฌ
์๋์ฒ๋ผ yarn์ ์ด์ฉํด ์ค์น๋ ๊ฐ๋ฅํ์ง๋ง, nvm์ ์ฌ์ฉํ๊ณ ์๋ค๋ฉด ์์ ๊ฐ์ด npm์ ์ด์ฉํด ์ ์ญ ์ค์น๋ฅผ ๊ถ์ฅํ๋ค.port ๋ฒํธ๋ React port ๋ฒํธ์ ๋ค๋ฅด๊ฒ ์ค์ ํด์ฃผ๋ฉด ๋๋ค. ๋ณดํต 4000๋ฒ์ด๋ 3001๋ฒ์ผ๋ก ์ค์ ํ๊ณ ๋ ํ๋ค.
ifconfig | grep inet
์ค์ ํ ์ธ์ฆ ์ ๋ณด ํ์ธ๋ง์คํน ๋์ง ์์ ์ธ์ฆ ์ ๋ณด ํ์ธ
๋ณดํต ๋ฒ์ ์ด ํธํ๋์ง ์๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๊ฐ ์ถฉ๋์ด ์ผ์ด๋๋ ๊ฒฝ์ฐ์ ๋ฐ์ํ๋ค.์๋์ ๋ช ๋ น์ด๋ฅผ ํตํด ๊ฐ๋จํ๊ฒ ํด๊ฒฐ์ด ๊ฐ๋ฅํ๋ค.
q : (END) ๋น ์ ธ๋์ค๊ธฐgit status : git ์ํ ๋ณด๊ธฐtouch filename.extension : ํ์ผ ์์ฑgit add \* : ๋ณ๊ฒฝ๋ ์ ์ฒด ํ์ผ ์คํ ์ด์งgit add file1.extension file2.extension : ์คํ ์ด์งํ ํ์ผ ์ง์ g
์๋์ ๊ฐ์ ์ฝ๋์์ '/one' ์์ '/two'๋ก ์ด๋ํ ๋ state๊ฐ ์ด๊ธฐํ๋์ง ์๋๋ค. ์ด๊ธฐํ๋ฅผ ์์ผ์ฃผ๊ธฐ ์ํด์๋ ์๋์ ๊ฐ์ด useEffect๋ฅผ ์ด์ฉํ๋ค.์ฐธ๊ณ NextJS ๊ณต์๋ฌธ์(https://nextjs.org/docs/api-reference/