과제 사전 설정
1.
이전 이터레이션에서 merge한 main 브랜치를 받아옵니다.
2.
작업용 브랜치 feature3 을 생성합니다.
$ git checkout main
$ git pull
$ git checkout -b feature3
Shell
복사
3.
생성한 feature3 브랜치가 이터레이션 #3 과제를 제출할 브랜치가 됩니다.
과제 내용
구현 요구 사항
위 화면처럼 소비 상세 내역을 보여주는 기능을 추가해주세요.
1. 소비 상세 내역 바텀시트
1.
소비 목록에서 항목을 선택하면 소비 상세 내역 바텀시트를 열어주세요.
a.
/src/pages/ConsumptionsPage/hooks/useDetailTransactionBottomSheet.tsx 를 활용해주세요.
2.
카테고리 별로 다른 세부 정보를 출력해주세요.
a.
카드: 사용처, 사용금액, 결제수단, 결제일시
b.
계좌: 입금처, 출금처, 이체액, 이체일시, 받는 분 통장표시
c.
기타: 사용처, 사용금액, 결제일시
3.
지출 합계에 포함 을 선택하면 아래와 같은 동작을 수행해주세요.
a.
서버에 해당 상세 내역의 포함 여부를 업데이트 해주세요.
b.
소비 내역을 서버의 최신 상태로 갱신해주세요.
2. 소비 내역 목록에 지출 제외 항목 반영
1.
소비 내역 목록에서 지출 합계에서 제외된 항목의 텍스트를 취소선으로 표시해주세요.
2.
소비 통계 영역에서 지출 합계에서 제외된 항목의 금액을 반영해주세요.
a.
총 소비 금액
b.
카테고리 별 소비 비율 그래프
c.
카테고리 별 소비 통계 내역
API 문서
지출 합계에 포함 여부 변경
•
path: PUT /api/consumptions/{consumptionId}/expense-inclusive
•
request body
{
isExpenseInclusive: boolean // 지출 합계에 포함 여부
}
TypeScript
복사
•
response
{
success: boolean // 성공 여부
}
TypeScript
복사
과제 제출하기
1.
작업이 완료되면 feature3 브랜치를 GitHub 원격 저장소에 푸시해주세요.
2.
작업이 잘 되었다면 GitHub에 다시 접속했을 때 [Compare & Pull Request] 초록색 버튼을 확인하실 수 있어요.
3.
[Compare & Pull Request] 버튼을 누르고 Pull Request를 생성해주세요. main 브랜치에 병합하는 형태가 되도록 Pull Request를 생성해주세요.
4.
main 브랜치에 병합해주세요.
이어서
다음 이터레이션을 수행하기 위해 노란색으로 강조된 링크를 따라가주세요.
만약 5시간이 지났다면 리팩토링 과제를 진행해주세요.
이터레이션 #3. 소비 상세 내역이 문제의 저작권은 주식회사 비바리퍼블리카에 있으며, 지원자는 오로지 채용을 위한 목적으로만 이 문제를 활용할 수 있습니다. 이 문제의 전부 또는 일부를 공개, 게재, 배포, 제3자에게 제공하는 등의 일체의 “누설 행위”에 대해서는 저작권법에 의해 민・형사상의 책임을 질 수 있습니다. 이 "누설 행위"에는 문제의 문구를 변형하여 그 취지를 알 수 있도록 하는 경우도 포함됩니다.