10. Docker Hub ์ฌ์ฉํ๊ธฐ
About 1 min
10. Docker Hub ์ฌ์ฉํ๊ธฐ ๊ด๋ จ
๋ชฉ์ฐจ
์ธ์ ๋ ์ต์ Docker
.Next.js๋ React์์ SSR(Server Side Rendering)์ ํ ์ ์๋๋ก ํด์ฃผ๋ ์คํ ์์ค ์น ํ๋ ์์ํฌ์ ๋๋ค. ์ด Unit์์๋ Docker๋ก Next.js ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ตฌ์ถํ๋ ๋ฐฉ๋ฒ์ ์์๋ณด๊ฒ ์ต๋๋ค.
Docker ์ด๋ฏธ์ง๋ฅผ ๋ง๋ค๊ธฐ ์ ์ ๋จผ์ Next.js ๊ฐ๋ฐ ํ๊ฒฝ์ ๊ตฌ์ถํฉ๋๋ค.
create-next-app
์ผ๋ก TypeScript ์ฑ์ ์์ฑํฉ๋๋ค.- Prisma๋ก ๋ฐ์ดํฐ๋ฒ ์ด์ค์ ํ ์ด๋ธ์ ์์ฑํฉ๋๋ค.
- .Next.js ์ด๋ฏธ์ง:
next build
ํnext start
๋ก ์น ์๋ฒ๋ฅผ ์คํํฉ๋๋ค. - ๋ฐ์ดํฐ๋ฒ ์ด์ค ์ด๋ฏธ์ง: PostgreSQL ๊ณต์ ์ด๋ฏธ์ง๋ฅผ ๊ทธ๋๋ก ์ฌ์ฉํฉ๋๋ค.
.Next.js ์ปจํ
์ด๋์์ ๋ฐ์ดํฐ๋ฒ ์ด์ค ์ปจํ
์ด๋๋ฅผ ์ฌ์ฉํ ์ ์๋๋ก docker network create
๋ช
๋ น์ผ๋ก ๋คํธ์ํฌ๋ฅผ ์์ฑํ๊ฒ ์ต๋๋ค.
๊ทธ๋ฆฌ๊ณ ๋ง์ง๋ง์ผ๋ก Docker Compose๋ฅผ ์ฌ์ฉํ์ฌ Next.js์ ๋ฐ์ดํฐ๋ฒ ์ด์ค ์ปจํ ์ด๋๋ฅผ ์์ฑํ๊ณ ์ฐ๊ฒฐํด๋ณด๊ฒ ์ต๋๋ค.
์์ ํ์ผ์ ์ ์ GitHub ์ ์ฅ์์์ ๋ฐ์ ์ ์์ต๋๋ค.
10์ฅ - 1. Node.js ์ค์นํ๊ธฐ
์ธ์ ๋ ์ต์ Docker
10์ฅ - 2. Next.js Dockerfile ์์ฑํ๊ธฐ
์ธ์ ๋ ์ต์ Docker
10์ฅ - 3. PostgreSQL ๋ฐ์ดํฐ๋ฒ ์ด์ค ์ค์ ํ๊ธฐ
์ธ์ ๋ ์ต์ Docker
10์ฅ - 4. Docker Compose๋ก Next.js์ PostgreSQL ์ปจํ
์ด๋ ์์ฑํ๊ธฐ
์ธ์ ๋ ์ต์ Docker