Skip to content

Latest commit

ย 

History

History
38 lines (27 loc) ยท 1.19 KB

File metadata and controls

38 lines (27 loc) ยท 1.19 KB

KAU-2024-Network-no8 Chat Application

๐Ÿš€ ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

์ด ํ”„๋กœ์ ํŠธ๋Š” ์‹ค์‹œ๊ฐ„ ์ฑ„ํŒ… ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์œผ๋กœ, frontend๋Š” React๋กœ, backend๋Š” Node.js์™€ Express๋กœ ๊ฐœ๋ฐœ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๋Š” ์‹ค์‹œ๊ฐ„์œผ๋กœ ์ฑ„ํŒ…ํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ๋กœ๊ทธ์ธ ๋ฐ ๋ฉ”์‹œ์ง€ ์ „์†ก ๊ธฐ๋Šฅ์„ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค.

โšก๏ธ ์ฃผ์š” ๊ธฐ์ˆ  ์Šคํƒ

  • Frontend: React, CSS, HTML
  • Backend: Node.js, Express, MongoDB
  • ์‹ค์‹œ๊ฐ„ ํ†ต์‹ : Socket.IO

๐Ÿš€ ์‹คํ–‰ ๋ฐฉ๋ฒ•

1๏ธโƒฃ ํ”„๋ก ํŠธ์—”๋“œ (Frontend) ์‹คํ–‰

  • React๋กœ ๊ฐœ๋ฐœ๋œ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค ์‹คํ–‰
cd frontend
npm install       # ์˜์กด์„ฑ ์„ค์น˜
npm run start     # ๊ฐœ๋ฐœ ์„œ๋ฒ„ ์‹คํ–‰ (๊ธฐ๋ณธ: http://localhost:3000)

2๏ธโƒฃ ๋ฐฑ์—”๋“œ (Backend) ์‹คํ–‰

  • Node.js ๊ธฐ๋ฐ˜ ์„œ๋ฒ„ ์‹คํ–‰
cd backend
npm install       # ์˜์กด์„ฑ ์„ค์น˜
nodemon index.js  # ์„œ๋ฒ„ ์‹คํ–‰

โœ… ๊ฐœ๋ฐœ ํŒ

  • ์ฝ”๋“œ ์ˆ˜์ • ํ›„ ๋ฐฑ์—”๋“œ๋Š” ์ž๋™์œผ๋กœ ๋ฐ˜์˜๋ฉ๋‹ˆ๋‹ค (nodemon ์‚ฌ์šฉ).
  • ํ”„๋ก ํŠธ์—”๋“œ๋Š” React์˜ Hot Reloading์œผ๋กœ ์ž๋™ ์ƒˆ๋กœ๊ณ ์นจ์ด ์ ์šฉ๋ฉ๋‹ˆ๋‹ค.
  • ๋ธŒ๋ผ์šฐ์ €์—์„œ F12 (๊ฐœ๋ฐœ์ž ๋„๊ตฌ)์˜ โ€œConsoleโ€ ํƒญ์—์„œ ์˜ค๋ฅ˜ ๋ฉ”์‹œ์ง€์™€ ๋””๋ฒ„๊น… ์ •๋ณด๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.