Skip to content

Latest commit

ย 

History

History
79 lines (50 loc) ยท 2.39 KB

File metadata and controls

79 lines (50 loc) ยท 2.39 KB

CS25

๐Ÿ”— AI๊ฐ€ ์ƒ์„ฑํ•˜๊ณ  ํ•ด์„คํ•˜๋Š” CS์ง€์‹ ๋ฉ”์ผ ๊ตฌ๋… ์„œ๋น„์Šค

แ„‰แ…ณแ„แ…ณแ„…แ…ตแ†ซแ„‰แ…ฃแ†บ 2025-06-27 แ„‹แ…ฉแ„’แ…ฎ 7 08 33 แ„‰แ…ณแ„แ…ณแ„…แ…ตแ†ซแ„‰แ…ฃแ†บ 2025-06-27 แ„‹แ…ฉแ„’แ…ฎ 7 09 22 แ„‰แ…ณแ„แ…ณแ„…แ…ตแ†ซแ„‰แ…ฃแ†บ 2025-06-27 แ„‹แ…ฉแ„’แ…ฎ 7 08 50

CS25๋Š”

๋งค์ผ ์˜ค์ „์— ๋ฌด์ž‘์œ„์˜ CS ๋ฉด์ ‘ ์งˆ๋ฌธ์„ ์ด๋ฉ”์ผ๋กœ ๋ณด๋‚ด๋“œ๋ฆฌ๋Š” ์„œ๋น„์Šค์ž…๋‹ˆ๋‹ค.

๋ฌธํ•ญ์€ ๊ฐ๊ด€์‹, ์ฃผ๊ด€์‹, ์„œ์ˆ ํ˜•์œผ๋กœ ๊ตฌ์„ฑ๋ฉ๋‹ˆ๋‹ค.

์„œ์ˆ ํ˜• ๋ฌธ์ œ์˜ ๊ฒฝ์šฐ, ์ง์ ‘ ๋‹ต๋ณ€์„ ์ž‘์„ฑํ•˜๋ฉด AI ํ•ด์„ค๋„ ํ•จ๊ป˜ ๋ฐ›์•„๋ณด์‹ค ์ˆ˜ ์žˆ์–ด์š”!!

์ด ์„œ๋น„์Šค๋Š” ์ˆ˜์ต ์ฐฝ์ถœ์„ ๋ชฉ์ ์œผ๋กœ ํ•˜์ง€ ์•Š์œผ๋ฉฐ, ๋งŽ์€ ๋ถ„๊ป˜ ๋„์›€์ด ๋˜๊ธธ ๋ฐ”๋ผ๋Š” ๋งˆ์Œ์œผ๋กœ ์šด์˜๋ฉ๋‹ˆ๋‹ค!

ํ•˜๋ฃจ 5๋ถ„!

์ด๋ฉ”์ผ๋งŒ ๋“ฑ๋กํ•ด๋‘์‹œ๋ฉด, ๊พธ์ค€ํžˆ CS ์ง€์‹์„ ์Œ“์•„๊ฐˆ ์ˆ˜ ์žˆ์–ด์š”.

๊ธฐ์ˆ  ์Šคํƒ

Frontend With ClaudeCode๐Ÿš€

  • React, TypeScript, Vite, Tailwind CSS

State Management

  • React Query - ์„œ๋ฒ„ ์ƒํƒœ ๊ด€๋ฆฌ
  • React Router - ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ผ์šฐํŒ…
  • Custom Hooks - ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ๋กœ์ง ๋ถ„๋ฆฌ

Authentication

  • HttpOnly Cookies - ๋ณด์•ˆ์„ฑ ๊ฐ•ํ™”๋œ ํ† ํฐ ๊ด€๋ฆฌ
  • Automatic Token Refresh - ๋ฌด์ค‘๋‹จ ์ธ์ฆ ์œ ์ง€
  • Social Login Integration - ๊ฐ„ํŽธํ•œ ์†Œ์…œ ๋กœ๊ทธ์ธ

Development Tools

  • ESLint + Prettier - ์ฝ”๋“œ ํ’ˆ์งˆ ๊ด€๋ฆฌ
  • Docker - ์ปจํ…Œ์ด๋„ˆํ™”๋œ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ
  • GitHub Actions - ์ž๋™ํ™”๋œ CI/CD

์‹œ์ž‘ํ•˜๊ธฐ

Prerequisites

  • Node.js 20.0 ์ด์ƒ
  • npm ๋˜๋Š” yarn
  • Docker (์„ ํƒ์‚ฌํ•ญ)

์„ค์น˜ ๋ฐ ์‹คํ–‰

# ์ €์žฅ์†Œ ํด๋ก 
git clone https://github.com/NBC-finalProject/CS25-FE.git
cd cs25-fronted

# ์˜์กด์„ฑ ์„ค์น˜
npm install

# ๊ฐœ๋ฐœ ์„œ๋ฒ„ ์‹คํ–‰
npm start

๋ธŒ๋ผ์šฐ์ €์—์„œ http://localhost:5173์œผ๋กœ ์ ‘์†ํ•˜์—ฌ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


CS25์™€ ํ•จ๊ป˜ ์ฒด๊ณ„์ ์ธ CS ํ•™์Šต์„ ์‹œ์ž‘ํ•ด๋ณด์„ธ์š”!

๐Ÿ“จ CS25 ๋ฐ”๋กœ๊ฐ€๊ธฐ