Skip to content

Likelion-To-Star/FE

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

101 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ‘‹ Likelion-To-Star GitHub Organization ๐Ÿ‘‹

Likelion-To-Star๋Š” ํŽซ๋กœ์Šค๋กœ ์ธํ•œ ์ƒ์‹ค๊ฐ์„ ์น˜์œ ํ•˜๊ณ  ์†Œ์ค‘ํ•œ ์ถ”์–ต์„ ๋˜์ƒˆ๊ธธ ์ˆ˜ ์žˆ๋Š” ๋”ฐ๋œปํ•œ ์„œ๋น„์Šค์ž…๋‹ˆ๋‹ค.

GitHub stars GitHub license

I. ํŒ€์› ์†Œ๊ฐœ (Team Members) ๐Ÿ‘ฅ

๊ณ ํฌ์ฃผ(BE) ๊น€๋ณด๋ฏธ(PM) ๊น€ํ˜œ์ง„(BE) ์žฅ์„œ์›(FE) ์ตœ๊ฐ•(BE) ์ตœ์œค์˜(FE)
@HeejuKo @bomi03 @khyaejin @oculo0204 @y2hscmtk @chldsbdud



II. ๐Ÿพ ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ (About Project) ๐Ÿพ

๋ณ„์ด์—๊ฒŒ๋Š” ํŽซ๋กœ์Šค ์ฆํ›„๊ตฐ์„ ๊ฒช๋Š” ์‚ฌ๋žŒ๋“ค์„ ์œ„ํ•œ ๋”ฐ๋œปํ•œ ๊ณต๊ฐ„์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๋ฐ˜๋ ค๋™๋ฌผ์˜ ์ƒ์‹ค๋กœ ์ธํ•œ ์•„ํ””์„ ์น˜์œ ํ•˜๊ณ  ์ถ”์–ต์„ ๋˜์ƒˆ๊ธธ ์ˆ˜ ์žˆ๋„๋ก ๋•์Šต๋‹ˆ๋‹ค.

  1. ํŽซ๋กœ์Šค ์ปค๋ฎค๋‹ˆํ‹ฐ๐Ÿ’ฌ :
    ๋ฐ˜๋ ค๋™๋ฌผ์„ ์žƒ์€ ์‚ฌ๋žŒ๋“ค์ด ๋ชจ์—ฌ ์†Œํ†ตํ•˜๊ณ  ์œ„๋กœ๋ฐ›์„ ์ˆ˜ ์žˆ๋Š” ๊ณต๊ฐ„์ž…๋‹ˆ๋‹ค. ์‹ค์‹œ๊ฐ„ ์†Œ์ผ“ ๊ธฐ๋Šฅ์„ ํ†ตํ•ด ๊ฐ์ •์„ ๋‚˜๋ˆ„๊ณ  ๊ณต๊ฐํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  2. ํŽธ์ง€ ์“ฐ๊ธฐ ๋ฐ ๋‹ต์žฅ ๊ธฐ๋Šฅ๐Ÿ’Œ :
    ๋– ๋‚˜๋ณด๋‚ธ ๋ฐ˜๋ ค๋™๋ฌผ์—๊ฒŒ ํŽธ์ง€๋ฅผ ์“ฐ๊ณ , AI๊ฐ€ ์ƒ์„ฑํ•œ ๋‹ต์žฅ์„ ๋ฐ›๋Š” ๊ธฐ๋Šฅ์ž…๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ๋งˆ์Œ์„ ์ •๋ฆฌํ•˜๊ณ  ์ถ”์–ต์„ ๋˜์ƒˆ๊ธธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  3. ๊ฒŒ์‹œ๋ฌผ ๋“ฑ๋ก ๋ฐ ์นœ๊ตฌ ์ถ”๊ฐ€๐Ÿถ :
    ์‚ฌ์šฉ์ž๊ฐ€ ์„œ๋กœ์˜ ๊ฒŒ์‹œ๋ฌผ์„ ๊ณต์œ ํ•˜๊ณ  ์นœ๊ตฌ๋ฅผ ์ถ”๊ฐ€ํ•˜๋ฉฐ ๋” ๊นŠ์€ ๊ต๋ฅ˜๋ฅผ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

III. ๐Ÿ“š ๊ธฐ์ˆ  ์Šคํƒ (Tech Stack) ๐Ÿ“š

Java Spring Boot MySQL AWS Docker

  • ๐Ÿ’ป Java์™€ Spring Boot: ๊ฐ•๋ ฅํ•œ ๋ฐฑ์—”๋“œ ์„œ๋น„์Šค ๊ตฌ์ถ•
  • ๐ŸŒ React: ์‚ฌ์šฉ์ž ์นœํ™”์ ์ธ ํ”„๋ก ํŠธ์—”๋“œ ์ธํ„ฐํŽ˜์ด์Šค ๊ฐœ๋ฐœ
  • ๐Ÿ—„๏ธ MySQL: ํšจ์œจ์ ์ธ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ๊ด€๋ฆฌ
  • โ˜๏ธ AWS: ํด๋ผ์šฐ๋“œ ๋ฐฐํฌ ๋ฐ ๊ด€๋ฆฌ
  • ๐Ÿš€ CI/CD: Docker์™€ GitHub Actions๋ฅผ ํ™œ์šฉํ•œ ์ž๋™ ๋นŒ๋“œ ๋ฐ ๋ฐฐํฌ
  • ๐Ÿ”„ Git Workflow: ๋ฐฑ์—”๋“œ๋Š” dev ๋ธŒ๋žœ์น˜๋ฅผ ๊ธฐ์ค€์œผ๋กœ ์ž‘์—…ํ•˜๋ฉฐ, ๊ฐ ๊ธฐ๋Šฅ์ด๋‚˜ ๋ฒ„๊ทธ ์ˆ˜์ •์„ ์œ„ํ•ด ์ด์Šˆ ๋ฒˆํ˜ธ๋ฅผ ํฌํ•จํ•œ ๋ธŒ๋žœ์น˜๋ฅผ ์ƒ์„ฑํ•˜์—ฌ ์ง„ํ–‰ํ•ฉ๋‹ˆ๋‹ค. ์™„๋ฃŒ๋œ ์ž‘์—…์€ dev๋กœ PR์„ ์ƒ์„ฑํ•˜๊ณ , GitHub Actions๊ฐ€ ์ž๋™์œผ๋กœ ์ฝ”๋“œ๋ฅผ ๋นŒ๋“œํ•˜๊ณ  ํ…Œ์ŠคํŠธํ•ฉ๋‹ˆ๋‹ค. ๋ชจ๋“  ํ…Œ์ŠคํŠธ๋ฅผ ํ†ต๊ณผํ•˜๋ฉด, dev์— ๋จธ์ง€๋˜๊ณ  ์ž๋™์œผ๋กœ ์žฌ๋ฐฐํฌ๊ฐ€ ์ด๋ฃจ์–ด์ง‘๋‹ˆ๋‹ค.



IV. ํ”„๋กœ์ ํŠธ ๊ตฌ์กฐ (Project Structure) ๐Ÿ—‚๏ธ

  • To-star-Frontend: ์‚ฌ์šฉ์ž ์ƒํ˜ธ์ž‘์šฉ ์ฒ˜๋ฆฌ (Frontend Interaction)
  • To-star-Backend: API ๋ฐ ๋ฐ์ดํ„ฐ ํ๋ฆ„ ๊ด€๋ฆฌ (API & Data Management)



V. ERD ๋ฐ ๊ตฌ์กฐ๋„ (ERD and Architecture) ๐Ÿ“Š

1. ERD

ERD

2. ์‹œ์Šคํ…œ ๊ตฌ์กฐ๋„ (System Architecture)

3. ๊ธฐ๋Šฅ ๊ตฌ์กฐ๋„ (Function Architecture)



VI. ์‹œ์ž‘ ๊ฐ€์ด๋“œ (Getting Started) ๐Ÿš€

  1. ๋ ˆํฌ์ง€ํ† ๋ฆฌ ๋ณต์ œ (Clone the Repository)

    • Frontend:
      git clone https://github.com/HSU-NIMBUS2000/Pyeoning-Frontend.git
    • Backend:
      git clone https://github.com/HSU-NIMBUS2000/Pyeoning-Backend.git
  2. ํ”„๋กœ์ ํŠธ ๋””๋ ‰ํ† ๋ฆฌ๋กœ ์ด๋™ (Navigate to the Project Directory)
    cd <repository-name>

  3. **ํ™˜๊ฒฝ๋ณ€์ˆ˜ ์„ค์ •(.env ํŒŒ์ผ ์„ค์ •) ** REACT_APP_API_BASE_URL= ์„œ๋ฒ„์ฃผ์†Œ

  4. ์˜์กด์„ฑ ์„ค์น˜ (Install Dependencies) (Frontend)
    npm install

  5. ๋นŒ๋“œ ๋ฐ ์‹คํ–‰ (Build and Run)

    • Frontend:
      npm start
    • Backend:
      ./gradlew bootRun




VII. ํ”„๋กœ์ ํŠธ ์ƒ์„ธ ์†Œ๊ฐœ

ํ•ด๋‹น ํ”„๋กœ์ ํŠธ๋Š” ํŽซ๋กœ์Šค ์ฆํ›„๊ตฐ ์น˜์œ ํ•˜๊ธฐ ์œ„ํ•ด ์ „๋ฌธ๊ฐ€๋“ค์ด ์ œ์‹œํ•˜๋Š” 3๊ฐ€์ง€ ๋‹จ๊ณ„(๋ฐ˜๋ ค๋™๋ฌผ๊ณผ ํ–‰๋ณตํ–ˆ๋˜ ์ถ”์–ต์„ ์ƒ๊ธฐ, ์ž์‹ ์˜ ๊ฐ์ •์„ ์†”์งํ•˜๊ฒŒ ํ‘œํ˜„, ํŽธ์ง€๋‚˜ ๊ธ€๋กœ ๋งˆ์Œ์„ ์ „๋‹ฌ)์— ๋”ฐ๋ผ ํšŒ๊ณ ๊ธ€์“ฐ๊ธฐ ๊ฒŒ์‹œํŒ, ์‹ค์‹œ๊ฐ„ ์ฑ„ํŒ…, ํŽธ์ง€์“ฐ๊ธฐ 3๊ฐ€์ง€ ์ฃผ์š” ํŽ˜์ด์ง€๋ฅผ ๊ธฐํš, ๊ฐœ๋ฐœํ•˜์˜€์Šต๋‹ˆ๋‹ค.

ํ”„๋ก ํŠธ ๋ฐฐํฌ ๋งํฌ : fe-tostar.vercel.app (์„œ๋ฒ„ ์œ ํšจ๊ธฐ๊ฐ„ ์ข…๋ฃŒ๋กœ ๊ธฐ๋Šฅํ•˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ์Œ)

2024-11-18_15_42_48_video.1.1.1.mp4



-๋ฉ”์ธํŽ˜์ด์ง€/๋กœ๊ทธ์ธ,ํšŒ์›๊ฐ€์ž… image (3)

-์นœ๊ตฌ๋“ค๊ณผ image (4) image (6) image (5)

-์ปค๋ฎค๋‹ˆํ‹ฐ image (7) image (8) -๋ณ„์ด์—๊ฒŒ

image (10) image (9)

VIII.โญ README ์†Œ๊ฐœ (About this README) โญ

์ด README๋Š” Likelion-To-Star ํ”„๋กœ์ ํŠธ์˜ ๊ธฐ์ˆ  ์Šคํƒ, ๊ตฌ์กฐ, ์‹œ์ž‘ ๊ฐ€์ด๋“œ๋ฅผ ๊ฐ„๊ฒฐํ•˜๊ณ  ๋ช…ํ™•ํ•˜๊ฒŒ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.



โœจ Special Thanks โœจ
Thanks to the PND team for their continuous support! ๐Ÿš€
For more details, check out the GitHub repository.

footer

Releases

No releases published

Packages

 
 
 

Contributors