Skip to content
@devpalsPlus

devpalsPlus

Readme.md

DevPals

์ฃผ์š” ์„œ๋น„์Šค : ์ดˆ๋ณด์ž๋„ ๋‘๋ ค์›€ ์—†์ด ์›ํ•˜๋Š” ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ๋ฅผ ์‰ฝ๊ฒŒ, ํ•จ๊ป˜ ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ฃผ๋Š” ์„œ๋น„์Šค


๐ŸŒฑ ํ•จ๊ป˜ ์„ฑ์žฅํ•˜๋Š” ๊ฐœ๋ฐœ์ž ์ปค๋ฎค๋‹ˆํ‹ฐ, Devpals! ๐ŸŒณ

๊ฐœ๋ฐœ์„ ๊ณต๋ถ€ํ•˜๋ฉด์„œ๋„, ๋ง‰์ƒ ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ•˜๋ ค๋ฉด "์•„์ง ๋‚˜์—๊ฒŒ๋Š” ๋ฌด๋ฆฌ์ผ ๊ฒƒ ๊ฐ™์€๋ฐ...", "ํŒ€ ํ”„๋กœ์ ํŠธ๋Š” ์–ด๋–ป๊ฒŒ ์‹œ์ž‘ํ•ด์•ผ ํ•˜์ง€?" ํ•˜๋Š” ๊ณ ๋ฏผ์ด ๋“ค๊ณค ํ•ฉ๋‹ˆ๋‹ค. Devpals๋Š” ์ฃผ๋‹ˆ์–ด ๊ฐœ๋ฐœ์ž๊ฐ€ ๋ถ€๋‹ด ์—†์ด ํ”„๋กœ์ ํŠธ์— ์ฐธ์—ฌํ•˜๊ณ , ๊ฒฝํ—˜ ๋งŽ์€ ์‹œ๋‹ˆ์–ด๋“ค๊ณผ ํ•จ๊ป˜ ์„ฑ์žฅํ•  ์ˆ˜ ์žˆ๋„๋ก ๋•๋Š” ์„œ๋น„์Šค์ž…๋‹ˆ๋‹ค.

์ƒˆ์‹น ๋ฉค๋ฒ„๋กœ ์‹œ์ž‘ํ•ด ํ”„๋กœ์ ํŠธ ๊ฒฝํ—˜์„ ์Œ“๊ณ , ์ ์ฐจ ์„ฑ์žฅํ•˜๋ฉฐ ๋‚˜๋ฌด ๋ฉค๋ฒ„๊ฐ€ ๋˜๊ธฐ๊นŒ์ง€, Devpals๊ฐ€ ๋‹น์‹ ์˜ ๊ฐœ๋ฐœ ์—ฌ์ •์„ ํ•จ๊ป˜ํ•ฉ๋‹ˆ๋‹ค!

Devpals๋ฐ”๋กœ๊ฐ€๊ธฐ

Group 5 Group 6 Group 7 Group 8


DevPals ๋ฉค๋ฒ„๋“ค

ํ”„๋ก ํŠธ์—”๋“œ

๊ณ ํ™๋น„ ์ž„ํ˜•์ค€ ์‹ ์œ ์ง€ ์กฐ์Šน์—ฐ

๋ฐฑ์—”๋“œ

๋‚จ๋„ํ˜„

๐Ÿ—“ ๊ฐœ๋ฐœ ๊ธฐ๊ฐ„

โœจ 2024.12.29 - 2024.02.03 (1์ฐจ ๋ฐฐํฌ)
โœจ 2024.02 ~


๐Ÿ’ก ์‹œ์ž‘ ๊ฐ€์ด๋“œ

๐Ÿ‘‰ ํ”„๋ก ํŠธ์—”๋“œ

๐Ÿ“ ์‹คํ–‰ ํ™˜๊ฒฝ

  • Node.js 20.18.1

  • .env ํŒŒ์ผ์— ์•„๋ž˜์˜ ํ•ญ๋ชฉ๋“ค์ด ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

    • VITE_APP_API_BASE_URL : ์„œ๋ฒ„ ์ฃผ์†Œ
    • VITE_APP_IMAGE_CDN_URL : ์ด๋ฏธ์ง€ CDN ์ฃผ์†Œ

๐Ÿ“ ํ”„๋กœ์ ํŠธ ์‹คํ–‰

  • ํ”„๋กœ์ ํŠธ ํด๋ก 
$ git clone https://github.com/D3vPals/frontend.git
  • ์˜์กด์„ฑ ์„ค์น˜
$ npm install
  • ์‹คํ–‰
$ npm run dev
๐Ÿ‘‰ ๋ฐฑ์—”๋“œ

๐Ÿ’ฅ ๋ฐฐํฌ ๊ตฌ์„ฑ๋„

image

CI_CD_

โŒจ๏ธ ๊ธฐ์ˆ  ์Šคํƒ

๋ฐฑ์—”๋“œ

Nest TypeScript MySQL Prisma Swagger AWS RDS AWS S3 AWS EC2 PM2 Nginx GitHub Actions

ํ”„๋ก ํŠธ์—”๋“œ

React TypeScript Zustand StyledComponent React Query MSW Vitest ReactTestingLibrary Storybook Chromatic AWS S3 GitHub Actions

ํ˜‘์—… ๋„๊ตฌ

Slack Notion


๐Ÿ“‚ ํด๋” ๊ตฌ์กฐ

๐Ÿ‘‰ ํ”„๋ก ํŠธ์—”๋“œ 
src/
โ”œโ”€โ”€ api/                 # API ํ˜ธ์ถœ ๋ฐ ๊ด€๋ จ ๋กœ์ง
โ”œโ”€โ”€ assets/              # ์ด๋ฏธ์ง€ ๋ฐ ์ •์  ํŒŒ์ผ
โ”œโ”€โ”€ constants/           # ์ƒ์ˆ˜ ๊ด€๋ จ ํŒŒ์ผ
โ”œโ”€โ”€ hooks/               # ์ปค์Šคํ…€ ํ›…
โ”œโ”€โ”€ context/             # ์ฝ˜ํ…์ŠคํŠธ ๊ด€๋ จ ํŒŒ์ผ
โ”œโ”€โ”€ models/              # ํŽ˜์ด์ง€๋ณ„ ํƒ€์ž… ํŒŒ์ผ
โ”œโ”€โ”€ mocks/               # Mock ๋ฐ์ดํ„ฐ
โ”œโ”€โ”€ pages/               # ํŽ˜์ด์ง€ ์ปดํฌ๋„ŒํŠธ
โ”œโ”€โ”€ routes/              # ๋ผ์šฐํŠธ ์„ค์ •
โ”œโ”€โ”€ store/               # ์ „์—ญ์ƒํƒœ ๊ด€๋ จ ํŒŒ์ผ
โ”œโ”€โ”€ styles/              # ์ „์—ญ์Šคํƒ€์ผ ๊ด€๋ จ ํŒŒ์ผ
โ”œโ”€โ”€ components/          # UI ์ปดํฌ๋„ŒํŠธ (์ปดํฌ๋„ŒํŠธ๋ณ„ ์Šคํƒ€์ผ ํŒŒ์ผ๊ณผ ํ•จ๊ป˜ ์ •๋ฆฌ)
โ””โ”€โ”€ utils/               # ์œ ํ‹ธ๋ฆฌํ‹ฐ ํ•จ์ˆ˜ ๋ฐ ๋ชจ๋“ˆ
๐Ÿ‘‰ ๋ฐฑ์—”๋“œ

โญ๏ธ ์ฃผ์š” ๊ธฐ๋Šฅ

  • ํ”„๋กœ์ ํŠธ ๋ชจ์ง‘ ๊ณต๊ณ  ํ›„ ์ง€์›์ž ํ•ฉ/๋ถˆ ๊ธฐ๋Šฅ

    • ์ง€์›์ž์˜ ์ •๋ณด๋ฅผ ํ™•์ธํ•˜๊ณ  ํ•ฉ๊ฒฉ/๋ถˆํ•ฉ๊ฒฉ์„ ๊ฒฐ์ •ํ•˜์—ฌ ํŒ€์„ ๊ตฌ์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
    • ์ถ”ํ›„ ์•Œ๋ฆผ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•˜์—ฌ ์‹ค์‹œ๊ฐ„์œผ๋กœ ํ•ฉ๊ฒฉ ์—ฌ๋ถ€๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋„๋ก ๊ฐœ์„ ํ•  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค.

  • ํŽธ๋ฆฌํ•œ ํ•„ํ„ฐ ๊ธฐ๋Šฅ ์ œ๊ณต

    • ๋ฉ”์ธ ํŽ˜์ด์ง€์—์„œ ๊ธฐ์ˆ  ์Šคํƒ, ํฌ์ง€์…˜, ์ง„ํ–‰ ๋ฐฉ์‹, ์ƒˆ์‹น ์—ฌ๋ถ€, ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ์„ ํ™œ์šฉํ•ด ์›ํ•˜๋Š” ๋ชจ์ง‘ ๊ณต๊ณ ๋ฅผ ์‰ฝ๊ฒŒ ์ฐพ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  • ๋งˆ์ดํŽ˜์ด์ง€ ์ปค์Šคํ…€ ๊ธฐ๋Šฅ

    • ๋งˆ์ด ํŽ˜์ด์ง€์—์„œ ์ž์‹ ์˜ ์ •๋ณด๋ฅผ ์ง์ ‘ ์ˆ˜์ •ํ•ด ์–ดํ•„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
    • ์ถ”ํ›„ ํฌํŠธํด๋ฆฌ์˜ค ๊ด€๋ฆฌ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•˜์—ฌ ํฌํŠธํด๋ฆฌ์˜ค๋ฅผ ๊ด€๋ฆฌ ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค.

  • ๋งˆํฌ๋‹ค์šด ์ง€์› ๋ชจ์ง‘ ๊ณต๊ณ  ์ž‘์„ฑ

    • ๋ชจ์ง‘ ๊ณต๊ณ  ์ž‘์„ฑ ์‹œ ๋งˆํฌ๋‹ค์šด์„ ์ง€์›ํ•˜์—ฌ ์›ํ•˜๋Š” ํ˜•์‹์œผ๋กœ ์ž์œ ๋กญ๊ฒŒ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


Popular repositories Loading

  1. frontend frontend Public

    Devpals์™€ ํ•จ๊ป˜๋ผ๋ฉด ๋ˆ„๊ตฌ๋‚˜ ์‰ฝ๊ฒŒ!

    TypeScript 2

  2. backend backend Public

    Devpals์™€ ํ•จ๊ป˜๋ผ๋ฉด ๋ˆ„๊ตฌ๋‚˜ ์‰ฝ๊ฒŒ!

    Java 1 1

  3. .github .github Public

Repositories

Showing 3 of 3 repositories

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loadingโ€ฆ

Most used topics

Loadingโ€ฆ