Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat/243 #345

Merged
merged 31 commits into from
Jun 10, 2024
Merged

Feat/243 #345

merged 31 commits into from
Jun 10, 2024

Conversation

devkyoung2
Copy link
Member

#️⃣연관된 이슈

close: #243 #244

📝작업 내용

image

  • 내가 등록한 펀딩내역 (RegistereFunding), 등록한 펀딩 아이템 (RegistereFundingItem)
  • 내가 기여한 펀딩내역 (ContributedFunding), 기여한 펀딩 아이템 (ContributedFundingItem)

🙏리뷰 요구사항(선택)

  • 처음 작업을 시작한건 거의 한달전이었는데 api가 여러번 변경되면서 응답값과 응답 타입이 수정되어 커밋이 많이 지저분해요. 사실상 위 작업내용의 파일 4개가 전부이고 두 파일의 흐름이 동일해서 파일체인지만 봐주시면 됩니다!
  • 두 파일이 거의 동일한 흐름을 가지고 있는데도 분리한 이유는 API가 다르기 때문입니다. 실제로 커밋내역으로 보시면 공용컴포넌트로 작성했다가 분리한 모습을 보실 수 있습니다🥲
  • 코드상으로는 문제 없지만 해당 코드가 dev에 병합된다면 배포서버에서는 백엔드 코드가 반영되기 전까지 응답싱크가 안맞아서 펀딩내역페이지가 NotFound로 빠질거에요. 백엔드 코드 병합된 후에 테스트를 한 번 더 해보고 pr을 올려야 하지만 프론트에서도 리뷰하고 병합하는데에 시간이 소요되기 때문에 pr 먼저 올렸습니다. 추후 백엔드 코드가 병합되면 해당 브랜치에서 구현한 코드가 정상동작하는지 한 번 더 확인한 후에 dev에 병합할 예정이니 코드흐름이랑 로직만 확인 부탁드립니다.
  • 이미지는 코드 보시는데 편하시라고 에러가 나는 부분만 살짝 고쳐서 올렸습니다. 대충 저런 모양새구나... 라고 참고해주시면 좋을 것 같아요.
  • 궁금하신 부분이 있거나 코드에 문제가 있다면 코멘트 부탁드립니다.🙇‍♀️

devkyoung2 added 30 commits May 24, 2024 15:17
- 응답 형식이 명시되어 있지 않아 상수와 타입은 임시로 지정됨 추후 수정 예정
- getContributedFundingHistory 에서 특정 상태만 조회하도록 하고있는데 전체 상태를 조회하도록 api 수정 예정
- getRegisteredFundingItem 에서 날짜를 통해 조회할 수 있도록 api 수정 예정
- 전체 상태의 펀딩내역을 조회할 수 있도록 api 수정
- status 타입 수정
- 시작날짜가 끝날짜보다 더 이전 날짜를 갖도록 수정
- 다른 코드 보다가 불필요해보여서 제거했습니다
- 변경된 api 요청에 맞도록 수정
- 기존 펀딩 아이템과 펀딩내역아이템의 파일을 분리함
- 백엔드에서 변경된 응답 타입을 반영함
- ContributedFundingItem 타입경로 수정
- 데이터가 페칭된 뒤 아이템을 보여주도록 로직 수정
- 의미없는 스타일 삭제
- 컴포넌트 이름과 충돌을 피하기 위해 타입임을 명시하는 Type을 붙여줌
@devkyoung2 devkyoung2 self-assigned this Jun 4, 2024
Copy link

vercel bot commented Jun 4, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
kakao-funding ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jun 10, 2024 9:25am

export const formatDateAndTime = (dateTime: string) => {
const [date, time] = dateTime.split('T');

const formattedDate = date.split('-').join('.');
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

date.replaceAll('-', '.') 메소드를 사용하면 더 직관적일 것 같아용

Comment on lines +26 to +28
<span className={styles.num_data}>
{formatDateAndTime(contributedAt)}
</span>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image

PR 내용에 올려주신 사진에는 시간이 undefined로 뜨고 있는데, 실제 API 응답으로 테스트를 못해서 임의의 값을 넣느라고 이런 이슈가 생긴 걸까요?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

네! 원래는 이 부분에 등록한 날짜가 와야하는데 지금은 만료일만 받고 있어서 만료일로 테스트 했습니다. 테스트 한 만료일에는 날짜정보밖에 없어서 undefined가 뜨는데 태환님께 시간정보 포함한 등록한 날짜 추가요청 드렸어요.

@devkyoung2 devkyoung2 merged commit 2af329a into dev Jun 10, 2024
3 checks passed
@devkyoung2 devkyoung2 deleted the feat/243 branch June 10, 2024 09:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

펀딩내역 페이지 - 내가 등록한 펀딩 탭 구현
3 participants