Skip to content

Soft-Gallery/issue-management-frontEnd

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

83 Commits
.github
.github
Β 
Β 
docs/images
docs/images
Β 
Β 
public
public
Β 
Β 
src
src
Β 
Β 
.env
.env
Β 
Β 
.eslintrc.json
.eslintrc.json
Β 
Β 
.gitignore
.gitignore
Β 
Β 
.prettierrc
.prettierrc
Β 
Β 
README.md
README.md
Β 
Β 
package-lock.json
package-lock.json
Β 
Β 
package.json
package.json
Β 
Β 
tsconfig.json
tsconfig.json
Β 
Β 

Repository files navigation

🐼Project Panda🐼


πŸ“ƒTABLE OF CONTENTS


🎍INTRO

2024λ…„ 1ν•™κΈ° μ€‘μ•™λŒ€ν•™κ΅ μ†Œν”„νŠΈμ›¨μ–΄κ³΅ν•™ μ½”μŠ€ ν…€ ν”„λ‘œμ νŠΈ.πŸ”₯πŸ”₯
이슈 관리 μ†Œν”„νŠΈμ›¨μ–΄ ✨Project Panda✨ μž…λ‹ˆλ‹€

Why is there a panda in the name?πŸ€” There's a sad story there...πŸ₯²
We couldn't get enough sleepπŸ˜ͺ so we have dark circles as a result.πŸ‘»
We are becoming more and more like pandas.🐼 Cheers.


🎍DESCRIPTION

ν”„λ‘œμ νŠΈ νŒλ‹€ λŠ” μ†Œν”„νŠΈμ›¨μ–΄ κ°œλ°œμ„ μ£Ό λͺ©μ μœΌλ‘œ ν•˜λŠ” νšŒμ‚¬ λ“±μ˜ 단체λ₯Ό μœ„ν•œ 이슈 관리 μ†Œν”„νŠΈμ›¨μ–΄ μž…λ‹ˆλ‹€.
이슈λ₯Ό μƒμ„±ν•˜κ±°λ‚˜ ν• λ‹Ήν•˜λŠ” 것은 물둠이고, ν•΄λ‹Ή 이슈의 μƒνƒœλ₯Ό κ΄€λ¦¬ν•˜κ³ , λŒ“κΈ€ κΈ°λŠ₯을 μ΄μš©ν•΄ ν•΄λ‹Ή μ΄μŠˆμ— λŒ€ν•΄ 쑰직 ꡬ성원듀과 κ³΅μœ ν•˜λŠ” λ“±μ˜ μž‘μ—…μ΄ λͺ¨λ‘ κ°€λŠ₯ν•©λ‹ˆλ‹€.
이 뿐만 μ•„λ‹ˆλΌ ν˜„μž¬ 이슈λ₯Ό κ³Όκ±° μ΄μŠˆλ“€κ³Ό λΉ„κ΅ν•˜κ³ , GPT APIλ₯Ό ν™œμš©ν•΄ ν˜„μž¬ μ΄μŠˆμ— κ°€μž₯ μ–΄μšΈλ¦¬λŠ” 개발자λ₯Ό μΆ”μ²œν•΄ μ£ΌλŠ” λ“± 기쑴에 μ‘΄μž¬ν•˜λŠ” 이슈 관리 μ‹œμŠ€ν…œκ³ΌλŠ” μ°¨λ³„ν™”λ˜λŠ” μ—¬λŸ¬ κΈ°λŠ₯을 톡해 μ†Œν”„νŠΈμ›¨μ–΄μ˜ μ‚¬μš©μ„±μ„ λ†’μ˜€μŠ΅λ‹ˆλ‹€.

ν”„λ‘œμ νŠΈ νŒλ‹€ λŠ” 이슈 관리에 ν•„μš”ν•œ μ—¬λŸ¬ κΈ°λŠ₯을 API둜 μ œκ³΅ν•˜κ³  μžˆμœΌλ―€λ‘œ, ν•΄λ‹Ή APIλ₯Ό ν™œμš©ν•΄ μ—¬λŸ¬ ν”Œλž«νΌμ—μ„œ 쑰직에 ν•„μš”ν•œ 이슈 관리 ν”„λ‘œκ·Έλž¨μ„ κ°œλ°œν•  수 μžˆμŠ΅λ‹ˆλ‹€.
-> μ„œλ²„ μ €μž₯μ†Œ κΉƒν—ˆλΈŒ λ°”λ‘œκ°€κΈ°

ν”„λ‘œμ νŠΈ νŒλ‹€μ—μ„œ μ œκ³΅ν•˜κ³  μžˆλŠ” ν”Œλž«νΌμ€ μ›Ή, λͺ¨λ°”일 μ•±(ios, androiod)으둜 총 3가지 μž…λ‹ˆλ‹€. μ†Œν”„νŠΈμ›¨μ–΄λ₯Ό μ•±μ—μ„œ μ‚¬μš©ν•΄λ³΄κ³  μ‹ΆμœΌμ‹  뢄듀은 μ•„λž˜μ˜ κΉƒν—ˆλΈŒ μ£Όμ†Œλ₯Ό μ°Έκ³ ν•΄μ£Όμ‹œκΈ° λ°”λžλ‹ˆλ‹€.
-> λͺ¨λ°”일 μ–΄ν”Œλ¦¬μΌ€μ΄μ…˜ κΉƒν—ˆλΈŒ λ°”λ‘œκ°€κΈ°

🎍EXECUTION

  • μ›Ή 링크 : http://18.205.75.48

    login.png

    [ 2024.06.03 κΈ°μ€€ ]
    μ›Ήμ‚¬μ΄νŠΈμ™€ μ„œλ²„λ₯Ό aws둜 λ°°ν¬ν•œ μƒνƒœμž…λ‹ˆλ‹€. μœ λ™μ μΈ 배포 μƒνƒœλ‘œ μΈν•˜μ—¬ μ‚¬μ΄νŠΈκ°€ μ˜¬λ°”λ₯΄κ²Œ μž‘λ™ν•˜μ§€ μ•Šμ„ 수 μžˆμœΌλ‹ˆ, λ¬Έμ œκ°€ λ°œμƒν•  경우 μ²¨λΆ€λœ μ΄λ©”μΌλ‘œ 연락 μ£Όμ‹œλ©΄ μ΅œλŒ€ν•œ 빨리 ν•΄κ²°ν•΄λ“œλ¦¬κ² μŠ΅λ‹ˆλ‹€:)
    [email protected]


βš μ‚¬μš© μ „, ν•„λ…μ‚¬ν•­βš 

  • 'F5'λ₯Ό μ‚¬μš©ν•˜μ§€ λ§μ•„μ£Όμ„Έμš”!!
    'F5'λ₯Ό λˆ„λ₯΄λ©΄ μžλ™ λ‘œκ·Έμ•„μ›ƒλ˜μ–΄ 처음 둜그인 νŽ˜μ΄μ§€λ‘œ μ΄λ™ν•˜κ²Œ λ˜λ‹ˆ μ‚¬μš©μ„ μžμ œν•΄μ£Όμ„Έμš”.
  • 둜그인 νŽ˜μ΄μ§€λ‘œ 이동할 땐, url을 (/login)을 μ΄μš©ν•΄μ£Όμ„Έμš”!!
    λ‘œκ·Έμ•„μ›ƒ κΈ°λŠ₯이 μ—†μ–΄, url μ‘°μž‘μ„ ν†΅ν•˜μ—¬ 둜그인 νŽ˜μ΄μ§€λ‘œ μ§„μž…ν•΄μ•Όν•©λ‹ˆλ‹€.
  • issue 상세보기 νŽ˜μ΄μ§€μ—μ„œ sidebarλ₯Ό μ‚¬μš©ν•  수 μ—†μœΌλ‹ˆ, λ°˜λ“œμ‹œ 'λ’€λ‘œκ°€κΈ°'λ₯Ό λˆ„λ₯Έ ν›„, sidebarλ₯Ό μ‚¬μš©ν•΄μ£Όμ„Έμš”!!
    μ‚¬μš©μžμ˜ role에 따라 졜초 μ§„μž…ν•˜κ²Œ λ˜λŠ” dashboardμ—μ„œλ§Œ μ‚¬μ΄λ“œλ°”λ₯Ό μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.



  • localhost둜 μ‹€ν–‰ν•˜λŠ” 법

Java 17 이상 및 JDK 17 이상
Node.js 14 및 npm 6 이상
WebStorm, VSCode λ“± IDE (선택 사항)


1. termianlμ—μ„œ μ•„λž˜μ˜ λͺ…λ Ήμ–΄λ₯Ό μ‹€ν–‰ν•˜μ—¬ 원격 λ ˆν¬μ§€ν† λ¦¬λ₯Ό cloneν•΄μ£Όμ„Έμš”.

git clone https://github.com/Soft-Gallery/issue-management-frontEnd.git

2. μ„œλ²„ μ£Όμ†Œ(http://3.230.242.105:8080)λ₯Ό ν¬ν•¨ν•œ .env νŒŒμΌμ„ 루트 폴더 μ•„λž˜μ— μƒμ„±ν•΄μ£Όμ„Έμš”.

REACT_APP_SERVER_URL=http://3.230.242.105:8080

3. terminalμ—μ„œ μ•„λž˜μ˜ λͺ…λ Ήμ–΄λ‘œ ν”„λ‘œμ νŠΈμ— ν•„μš”ν•œ package듀을 μ„€μΉ˜ν•΄μ£Όμ„Έμš”.

[node.js, npm μ„€μΉ˜ ν•„μˆ˜] 

npm install

4. terminalμ—μ„œ μ•„λž˜μ˜ λͺ…λ Ήμ–΄λ₯Ό μ‹€ν–‰ν•˜μ—¬ ν”„λ‘œμ νŠΈλ₯Ό μ‹€ν–‰ν•΄μ£Όμ„Έμš”.

npm run start

🎍KEY_FEATURE

계정 생성

ADMIN, DEVELOPER, TESTER, PL 넀가지 ROLE을 μ„ νƒν•˜μ—¬ 계정을 μƒμ„±ν•˜λŠ” κΈ°λŠ₯을 μ œκ³΅ν•©λ‹ˆλ‹€.
μ‚¬μš©μžμ˜ 아이디, νŒ¨μŠ€μ›Œλ“œ 이름, 이메일 μ£Όμ†Œλ₯Ό 계정 생성 쑰건에 맞게 μž…λ ₯ν•΄μ£Όμ„Έμš”.

signUp.png


ν”„λ‘œμ νŠΈ 생성

ADMIN의 ν”„λ‘œμ νŠΈ 생성 κΈ°λŠ₯을 μ œκ³΅ν•©λ‹ˆλ‹€.

admin_view_projects.png ADMIN이 ν”„λ‘œμ νŠΈλ₯Ό μƒμ„±ν•˜λ©΄μ„œ ν•΄λ‹Ή ν”„λ‘œμ νŠΈμ— title, description을 μž…λ ₯ν•©λ‹ˆλ‹€. 이후, TESTER, PL, DEVELOPERλ₯Ό ν”„λ‘œμ νŠΈμ— μΆ”κ°€ ν•  수 μžˆμŠ΅λ‹ˆλ‹€.


이슈 관리

이슈의 생성, λΈŒλΌμš°μ§•, μƒνƒœ λ³€κ²½, λ“±μ˜ κΈ°λŠ₯을 μ œκ³΅ν•©λ‹ˆλ‹€.
TESTERκ°€ 이슈의 title, description 그리고 이슈 commentλ₯Ό μž…λ ₯ν•˜μ—¬ 이슈λ₯Ό μƒμ„±ν•©λ‹ˆλ‹€. PL, TESTER, DEVLOPER'λŠ” 이슈λ₯Ό λ³΄κ³ ν•˜λŠ” reporter, 이슈λ₯Ό ν• λ‹Ήλ°›λŠ” assignee, 이슈λ₯Ό ν•΄κ²°ν•˜λŠ” fixer λ“± μ΄μŠˆμ— λŒ€ν•œ 정보λ₯Ό λΈŒλΌμš°μ§• ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

λ˜ν•œ μ„œλ‘œ λ‹€λ₯Έ ROLE을 가진 μœ μ €λ“€μ˜ μƒν˜Έμž‘μš©μ„ 톡해 ν•΄λ‹Ή 이슈의 μƒνƒœλ₯Ό NEW, ASSIGNED, FIXED, RESOLVED, CLOSED, REOPENED λ“±μœΌλ‘œ λ°”κΎΈμ–΄ 이슈의 μƒνƒœλ₯Ό 관리 ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

view_all_issues.png


λ‹΄λ‹Ήμž μΆ”μ²œ

GPT API μ„œλΉ„μŠ€λ₯Ό μ΄μš©ν•΄ ν˜„μž¬ μ΄μŠˆμ— κ°€μž₯ μ–΄μšΈλ¦¬λŠ” Assignee μΆ”μ²œν•˜λŠ” κΈ°λŠ₯을 μ œκ³΅ν•©λ‹ˆλ‹€.
PL이 μ΄μŠˆμ— 개발자λ₯Ό λ°°μ •μ‹œν‚¬ λ•Œ 도움을 받을 수 μžˆμŠ΅λ‹ˆλ‹€.

ν˜„μž¬ 이슈λ₯Ό ν•΄κ²°ν•  수 μžˆλŠ” μ΄μŠˆκ°€ λ°œμƒν•œ ν”„λ‘œμ νŠΈμ— 속해 μžˆλŠ” κ°œλ°œμžλ“€μ˜ κ³Όκ±° 이슈 ν•΄κ²° λ‚΄μ—­ 및 ν•΄λ‹Ή 이슈의 μ€‘μš”λ„ λ“±μ˜ 정보와 λ”λΆˆμ–΄ 각 κ°œλ°œμžλ“€μ΄ ν˜„μž¬ μˆ˜ν–‰μ€‘μΈ μ΄μŠˆλ“€μ˜ κ°œμˆ˜μ™€ μ€‘μš”λ„ 등을 λ‹€λ°©λ©΄μ—μ„œ ν‰κ°€ν•˜μ—¬ ν˜„μž¬ 이슈λ₯Ό λ‹΄λ‹Ήν•  개발자λ₯Ό μΆ”μ²œν•©λ‹ˆλ‹€.

recommend_dev.png


μ½”λ©˜νŠΈ

μ΄μŠˆμ— λ‹¬λ¦¬λŠ” Commentλ₯Ό λ³΄μ—¬μ£ΌλŠ” κΈ°λŠ₯을 μ œκ³΅ν•©λ‹ˆλ‹€.
이슈의 μƒνƒœκ°€ λ³€ν•˜λŠ” 상황을 포함해 ν•„μš”ν•œ μ—¬λŸ¬ 상황에 ν˜‘μ—…μ„ μœ„ν•œ Commentλ₯Ό μΆ”κ°€ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

comment.png


이슈 톡계 뢄석

ν”„λ‘œμ νŠΈμ˜ 이슈λ₯Ό λΆ„μ„ν•œ μ‹œκ°μ  톡계 κΈ°λŠ₯을 μ œκ³΅ν•©λ‹ˆλ‹€.
ν”„λ‘œμ νŠΈ 내뢀와 μ™ΈλΆ€μ—μ„œ μˆ˜μ§‘ν•œ μ΄μŠˆλ“€μ˜ 정보와 μˆ˜μΉ˜ν™” 된 λ°μ΄ν„°λ‘œλΆ€ν„° μœ μ˜λ―Έν•œ 자료λ₯Ό μ‹œκ°μ μœΌλ‘œ λ³΄μ—¬μ€λ‹ˆλ‹€.

statistics.png



🎍USER_SENARIO

  • ADMIN ν”„λ‘œμ νŠΈ 생성

    admin_add_project.png admin_add_member.png

    ADMIN은 project name, project description을 μž…λ ₯ν•˜μ—¬ ν”„λ‘œμ νŠΈλ₯Ό μƒμ„±ν•˜κ³  ν”„λ‘œμ νŠΈμ— PL, TESTER, DEVλ₯Ό λ°°μ •ν•©λ‹ˆλ‹€.


  • TESTER 이슈 생성 및 λΈŒλΌμš°μ§•

    project_card_item.png

    TESTERλŠ” ν”„λ‘œμ νŠΈλ₯Ό μ„ νƒν•©λ‹ˆλ‹€.

    tester_issue_create.png

    TESTERλŠ” 이슈의 title, description을 μž…λ ₯ν•˜κ³  commentλ₯Ό λ‹¬μ•„μ„œ 이슈λ₯Ό μƒμ„±ν•©λ‹ˆλ‹€.


  • PL의 이슈 λ‹΄λ‹Ήμž 지정 및 이슈 μƒνƒœ NEWμ—μ„œ ASSIGNED둜 λ³€κ²½

    pl_new_issues.png

    PL은 NEW μƒνƒœμ˜ 이슈λ₯Ό 검색할 수 μžˆμŠ΅λ‹ˆλ‹€.

    pl_1.png PL은 μ΄μŠˆμ— 지정할 λ‹΄λ‹Ήμžλ₯Ό μΆ”μ²œλ°›κ±°λ‚˜ 직접 μ„ νƒν•˜κ³  μ½”λ©˜νŠΈλ₯Ό μž‘μ„±ν•©λ‹ˆλ‹€.

    pl_2.png PL은 이슈의 μƒνƒœλ₯Ό NEWμ—μ„œ ASSIGNED둜 λ³€κ²½ν•©λ‹ˆλ‹€.


  • DEVλŠ” μžμ‹ μ—κ²Œ ν• λ‹Ήλœ 이슈 λΈŒλΌμš°μ§• 및 이슈 μƒνƒœ ASSIGNEDμ—μ„œ FIXED둜 λ³€κ²½

    dev_assigned_issues.png DEVλŠ” μžμ‹ μ—κ²Œ λ°°μ •λœ 이슈λ₯Ό 검색할 수 μžˆμŠ΅λ‹ˆλ‹€.

    dev_01.png DEVλŠ” ν•΄λ‹Ή 이슈λ₯Ό ν•΄κ²° ν•œ ν›„ μ΄μŠˆμ— μ½”λ©˜νŠΈλ₯Ό μž‘μ„±ν•©λ‹ˆλ‹€.

    dev_02.png DEVλŠ” 이슈의 μƒνƒœλ₯Ό ASSIGNEDμ—μ„œ FIXED둜 λ³€κ²½ν•©λ‹Œλ‹€.


  • TESTERκ°€ μžμ‹ μ΄ reportν•œ 이슈의 μƒνƒœλ₯Ό FIXEDμ—μ„œ RESOLVED둜 λ³€κ²½

    tester_fixed_issues.png TESTERλŠ” μžμ‹ μ΄ reportν•œ 이슈 쀑 FIXED μƒνƒœμΈ 이슈λ₯Ό 검색할 수 μžˆμŠ΅λ‹ˆλ‹€.

    tester01.png TESTERλŠ” fix 된 이슈λ₯Ό ν™•μΈν•œ ν›„, μ΄μŠˆμ— μ½”λ©˜νŠΈλ₯Ό μž‘μ„±ν•©λ‹ˆλ‹€.

    tester_02.png TESTERλŠ” 이슈의 μƒνƒœλ₯Ό FIXEDμ—μ„œ RESOLVED둜 λ³€κ²½ν•©λ‹ˆλ‹€.


  • PL이 RESOLVED 이슈λ₯Ό CLOSED둜 λ³€κ²½

    pl_closed_01.png PL은 resolve 된 이슈λ₯Ό ν™•μΈν•œ ν›„, μ΄μŠˆμ— μ½”λ©˜νŠΈλ₯Ό μž‘μ„±ν•©λ‹ˆλ‹€.

    pl_closed_02.png PLλŠ” 이슈의 μƒνƒœλ₯Ό RESOLVEDμ—μ„œ CLOSED둜 λ³€κ²½ν•©λ‹ˆλ‹€.


  • PL이 CLOSED된 이슈λ₯Ό λ‹€μ‹œ REOPENED둜 λ³€κ²½

    pl_reopened_01.png PL은 close 된 이슈λ₯Ό ν™•μΈν•œ ν›„, μ΄μŠˆμ— μ½”λ©˜νŠΈλ₯Ό μž‘μ„±ν•©λ‹ˆλ‹€.

    pl_reopened_02.png PLλŠ” 이슈의 μƒνƒœλ₯Ό CLOSEDμ—μ„œ REOPENED둜 λ³€κ²½ν•©λ‹ˆλ‹€.


🎍TECH_STACK


tech.png

🎍TEAM_MEMBERS

저희 νŒ€μ„ μ†Œκ°œν•©λ‹ˆλ‹€πŸ€—

  • κΉ€μ„ ν˜Έ: Back-End Dev/μ€‘μ•™λŒ€ν•™κ΅ μ†Œν”„νŠΈμ›¨μ–΄ν•™λΆ€ 20
  • κΉ€μš©μš°: Lead Mobile-App Dev/μ€‘μ•™λŒ€ν•™κ΅ μ†Œν”„νŠΈμ›¨μ–΄ν•™λΆ€ 20
  • κΉ€μž¬ν›ˆ: Back-End Dev/μ€‘μ•™λŒ€ν•™κ΅ μ†Œν”„νŠΈμ›¨μ–΄ν•™λΆ€ 20
  • λ°•ν•œκ²°: Back-End Dev/μ€‘μ•™λŒ€ν•™κ΅ μ†Œν”„νŠΈμ›¨μ–΄ν•™λΆ€ 20
  • 이수민: Lead Front-End Dev/μ€‘μ•™λŒ€ν•™κ΅ μ†Œν”„νŠΈμ›¨μ–΄ν•™λΆ€ 20

member.png

About

React JS Project for Software Engineering in Chung-Ang University

Resources

Readme
Activity
Custom properties

Stars

5 stars

Watchers

0 watching

Forks

3 forks
Report repository

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  

Languages