사이드 프로젝트 with React 15. Task breakdown

 

 

Task breakdown = 태스크 세분화

 

1. Software 요구사항을 기반으로 task를 만든다.

2. User story 단위로 task를 세분화해보는 것에서 시작한다.

3. 처음부터 모든 것을 확정할 수는 없다. 조사가 필요한 부분이 있을 수도 있고, 설계가 필요할 수도 있다. 그런 부분까지 태스크로 만들어서 관리할 수 있다.

 

 

Task breakdown 시작하기

 

User story 1

 

정산 이름을 입력하고 싶다 -> 시스템은 그룹 이름을 입력할 수 있는 창을 제공해야 한다.

 

✅ [프론트엔드] 그룹 이름 입력 컴포넌트

✅ [백엔드] 백엔드가 필요한지 당장은 모르겠다. 백엔드가 필요한지에 대한 설계가 필요하다.

 

User story 2

 

정산에 참여할 사람들을 입력하고 싶다.

-> 시스템은 그룹에 속하는 사람들의 이름을 입력할 수 있는 창을 제공해야 한다.

-> 각 그룹은 그룹명과 그룹원들의 이름을 담고 있어야 한다.

 

✅ [프론트엔드] 그룹 멤버 추가 컴포넌트

✅ [백엔드] 백엔드가 필요한지 당장은 모르겠다. 백엔드가 필요한지에 대한 설계가 필요하다.

 

User story 3~5

 

내가 쓴 비용을 입력하고 싶다. -> 시스템은 내가 사용한 비용을 입력할 수 있도록 입력 창을 제공해야 한다.

 

결제 날짜, 결제 내역, 결제 금액을 입력하고 싶다. -> 시스템은 각 비용에 대해 결제일, 결제 내역, 결제 정보를 담고 있어야 한다.

 

다른 사람들도 결제한 비용을 입력할 수 있으면 좋겠다.

-> 시스템은 각 비용의 결제자를 선택할 수 있도록 선택지를 줘야 한다.

-> 시스템은 각 비용의 결제자 정보를 담고 있어야 한다.

-> 시스템은 내가 사용한 비용 뿐만 아니라 다른 사람이 사용한 비용도 내가 입력할 수 있도록 비용 입력에 대한 권한을 제한하지 않아야 한다.

 

✅ [프론트엔드] 비용 추가 컴포넌트

✅ [백엔드] 백엔드가 필요한지 당장은 모르겠다. 백엔드가 필요한지에 대한 설계가 필요하다.

 

User story 6

 

최적화된 정산 결과를 보고 싶다 -> 시스템은 주어진 비용 리스트와 그룹 정보를 가지고 정산을 해 결과를 보여줘야 한다.

 

✅ [프론트엔드] 정산 결과 계산 로직

✅ [프론트엔드] 정산 결과 컴포넌트

 

User story 7

 

모바일과 데스크탑에서 서비스를 이용하고 싶다. -> 시스템은 responsive한 웹 사이트를 제공해야 한다.

 

✅ Responsive UI 디자인

✅ Responsive Web Page 구현

 

User story 8

 

다른 사람들도 자신이 결제한 비용을 입력할 수 있으면 좋겠다.

-> 시스템은 그룹 별로 교유의 페이지를 URL로 제공해야 한다.

-> 시스템은 그룹마다 그룹의 정보, 비용 정보를 저장하고 있어야 한다.

 

✅ [백엔드] 그룹 생성 및 그룹 별 URL 제공

✅ [백엔드] 관련 설계 필요

 

 

Task Templete

 

마크다운

## Background
(이 태스크가 필요한 이유)

## Task
(해야 할 일 목록)
[]
[]

## Success of criteria
(이 태스크를 '완료' 상태로 만들기 위해 있어야 할 것들)

// 테스크가 모호한 경우가 있을 수 있다. 각자 이해한 것이 다를 수 있으므로 어디까지 되어야 '완료'인지 체크

[]
[]

## Reference
(참고하면 좋을 문서나 코드 등)
-
-

 

 

 

가계부 프로젝트 task board 작성

 

 

 

 

 

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.

 

 

http://bit.ly/3Y34pE0

패스트캠퍼스 [직장인 실무교육]

 

#패스트캠퍼스 #패캠챌린지 #수강료0원챌린지 #환급챌린지 #직장인인강 #직장인자기계발

#패캠인강후기 #패스트캠퍼스후기 #오공완 #사이드프로젝트10개기술스택으로구현하는풀스택서버리스프로젝트withReact