์ด ํ๋ก์ ํธ๋ ์ค์๊ฐ ์ฑํ
์ ํ๋ฆฌ์ผ์ด์
์ผ๋ก, frontend๋ React๋ก, backend๋ Node.js์ Express๋ก ๊ฐ๋ฐ๋์์ต๋๋ค.
์ฌ์ฉ์๋ ์ค์๊ฐ์ผ๋ก ์ฑํ
ํ ์ ์์ผ๋ฉฐ, ๋ก๊ทธ์ธ ๋ฐ ๋ฉ์์ง ์ ์ก ๊ธฐ๋ฅ์ ์ง์ํฉ๋๋ค.
- Frontend: React, CSS, HTML
- Backend: Node.js, Express, MongoDB
- ์ค์๊ฐ ํต์ : Socket.IO
- React๋ก ๊ฐ๋ฐ๋ ์ฌ์ฉ์ ์ธํฐํ์ด์ค ์คํ
cd frontend
npm install # ์์กด์ฑ ์ค์น
npm run start # ๊ฐ๋ฐ ์๋ฒ ์คํ (๊ธฐ๋ณธ: http://localhost:3000)- Node.js ๊ธฐ๋ฐ ์๋ฒ ์คํ
cd backend
npm install # ์์กด์ฑ ์ค์น
nodemon index.js # ์๋ฒ ์คํ- ์ฝ๋ ์์ ํ ๋ฐฑ์๋๋ ์๋์ผ๋ก ๋ฐ์๋ฉ๋๋ค (nodemon ์ฌ์ฉ).
- ํ๋ก ํธ์๋๋ React์ Hot Reloading์ผ๋ก ์๋ ์๋ก๊ณ ์นจ์ด ์ ์ฉ๋ฉ๋๋ค.
- ๋ธ๋ผ์ฐ์ ์์ F12 (๊ฐ๋ฐ์ ๋๊ตฌ)์ โConsoleโ ํญ์์ ์ค๋ฅ ๋ฉ์์ง์ ๋๋ฒ๊น ์ ๋ณด๋ฅผ ํ์ธํ ์ ์์ต๋๋ค.