NextJS๋ฅผ ๋จน์ด๋ณด๋ ์ค ์๋ฌ๊ฐ ๋ฐ์ํ๋ค. ์ด๊ฑฐ ์ด๊ฑฐ CRA๋ ํ๋ฐ์ด๋ค, ๊ทธ๋ฅ ์ค์ ํด ๋ด์ผ์ง. ํ๋ค๊ฐ ๋ ๋นํ๋ค. ์ด ํฌ์คํธ์์๋ NextJS๋ฅผ ์ฒ์ ์์ํ๋ค๊ฐ ๋ง์ฃผํ ์์ํ ์๋ฌ์ ๋ํด ์์๋ณธ๋ค.
1. ์์ธ
Create next app๋ฅผ ์ฌ์ฉํด ์ฑ์ ์คํ์ํค๋ ค๋ ๋ค์๊ณผ ๊ฐ์ ์๋ฌ๊ฐ ๋ฑ์ฅํ๋ค. ๋ฌด์จ ํ์ผ์ ์ด์ง ๋ชปํ๋ค๋๋ฐ ์ด์ํ ์๋ฌ๋ค. ๊ทธ๋์ ๊ฒ์์ ํ๊ณ 3์ด๋ง์ ๋ต์ ์์๋๋ค.
(base) โ next-learn git:(main) โ PORT=3003 npm run start
> my-app@0.1.0 start
> next start
โฒ Next.js 14.1.0
- Local: http://localhost:3003
[Error: ENOENT: no such file or directory, open '/Documents/next-learn/.next/BUILD_ID'] {
errno: -2,
code: 'ENOENT',
syscall: 'open',
path: '/Documents/next-learn/.next/BUILD_ID'
}
2. ๋ต
์ญ์๋ ์คํ์ ์ด๊ฑฐ์๋ค. ๊ทธ๋ฅ npm run start๋ฅผ npm run dev๋ก ๋ฐ๊ฟ์ฃผ๊ธฐ๋ง ํ๋ฉด ๋๋ค. ์ญ์๋๋ ์ญ์๋ ํด๋จผ์๋ฌ๋ค. ์ด๋์ ๊ณต์๋ฌธ์๋ฅผ ๊ผผ๊ผผํ๊ฒ ์ฝ์ด์ผ ํ๋ค. ์ฌ์ค ๋๋ฌด ๊ฐ๋จํ ๋ฌธ์ ๋ฐ ์ด๊ฑฐ๊น์ง ๋ธ๋ก๊ทธ๋ก ์ ์ด์ผ ํ๋ ๋ผ๋ ์๊ฐ์ด ๋ค์ด ์์ฑ์ ์ ํ๋ ค ํ์ง๋ง, 1์ผ 1 ํฌ์คํ ์ ํด๋ณด๊ณ ์ถ์ด ์ญ์๋ ์ต์ง ํฌ์คํ ์ ์์ ํ๋ค. ๋ต์ด ์๊ฐ๋ณด๋ค ๊ฐ๋จํด์ ๋๋๋ค๋ฉด ์ด์ ๋น์ ์ ์ปดํจํฐ๋ก ๋์๊ฐ์ ์ ๋๊ฒ ์ฝ๋ฉํ ์ฐจ๋ก๋ค.
PORT=3003 npm run dev
'๐ป๊ธฐ์ > ์๋ฌ์์ ์ ์' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
NextJS๋ฅผ ๋จน์ด๋ณด๋ ์ค ์๋ฌ๊ฐ ๋ฐ์ํ๋ค. ์ด๊ฑฐ ์ด๊ฑฐ CRA๋ ํ๋ฐ์ด๋ค, ๊ทธ๋ฅ ์ค์ ํด ๋ด์ผ์ง. ํ๋ค๊ฐ ๋ ๋นํ๋ค. ์ด ํฌ์คํธ์์๋ NextJS๋ฅผ ์ฒ์ ์์ํ๋ค๊ฐ ๋ง์ฃผํ ์์ํ ์๋ฌ์ ๋ํด ์์๋ณธ๋ค.
1. ์์ธ
Create next app๋ฅผ ์ฌ์ฉํด ์ฑ์ ์คํ์ํค๋ ค๋ ๋ค์๊ณผ ๊ฐ์ ์๋ฌ๊ฐ ๋ฑ์ฅํ๋ค. ๋ฌด์จ ํ์ผ์ ์ด์ง ๋ชปํ๋ค๋๋ฐ ์ด์ํ ์๋ฌ๋ค. ๊ทธ๋์ ๊ฒ์์ ํ๊ณ 3์ด๋ง์ ๋ต์ ์์๋๋ค.
(base) โ next-learn git:(main) โ PORT=3003 npm run start
> my-app@0.1.0 start
> next start
โฒ Next.js 14.1.0
- Local: http://localhost:3003
[Error: ENOENT: no such file or directory, open '/Documents/next-learn/.next/BUILD_ID'] {
errno: -2,
code: 'ENOENT',
syscall: 'open',
path: '/Documents/next-learn/.next/BUILD_ID'
}
2. ๋ต
์ญ์๋ ์คํ์ ์ด๊ฑฐ์๋ค. ๊ทธ๋ฅ npm run start๋ฅผ npm run dev๋ก ๋ฐ๊ฟ์ฃผ๊ธฐ๋ง ํ๋ฉด ๋๋ค. ์ญ์๋๋ ์ญ์๋ ํด๋จผ์๋ฌ๋ค. ์ด๋์ ๊ณต์๋ฌธ์๋ฅผ ๊ผผ๊ผผํ๊ฒ ์ฝ์ด์ผ ํ๋ค. ์ฌ์ค ๋๋ฌด ๊ฐ๋จํ ๋ฌธ์ ๋ฐ ์ด๊ฑฐ๊น์ง ๋ธ๋ก๊ทธ๋ก ์ ์ด์ผ ํ๋ ๋ผ๋ ์๊ฐ์ด ๋ค์ด ์์ฑ์ ์ ํ๋ ค ํ์ง๋ง, 1์ผ 1 ํฌ์คํ ์ ํด๋ณด๊ณ ์ถ์ด ์ญ์๋ ์ต์ง ํฌ์คํ ์ ์์ ํ๋ค. ๋ต์ด ์๊ฐ๋ณด๋ค ๊ฐ๋จํด์ ๋๋๋ค๋ฉด ์ด์ ๋น์ ์ ์ปดํจํฐ๋ก ๋์๊ฐ์ ์ ๋๊ฒ ์ฝ๋ฉํ ์ฐจ๋ก๋ค.
PORT=3003 npm run dev