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: 시간 기록 기능을 구현합니다. #74

Merged
merged 9 commits into from
Aug 2, 2024

Conversation

wokbjso
Copy link
Member

@wokbjso wokbjso commented Aug 1, 2024

🤔 어떤 문제가 발생했나요?

🎉 어떻게 해결했나요?

  • time-picker로 시간을 기록하는 기능을 구현하였습니다.

📷 이미지 첨부 (Option)

default.mp4

⚠️ 유의할 점! (Option)

  • 시간 내에 완벽히 custom하기에 한계가 있어 최대한 비슷하게 만들어 보았으나 피그마와 완전히 일치하지는 않습니다.
  • 시간이 나면 좀 더 수정해 보도록 하겠습니다. api 테스트를 들어가야 해서 우선은 여기까지만 custom 해야할 것 같습니다.

@king2dwellsang king2dwellsang added feat # Add feature Review Plz🙏 # Review is not yet complete labels Aug 1, 2024
Copy link
Member

@Jungjjeong Jungjjeong left a comment

Choose a reason for hiding this comment

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

👍

},
}}
>
<div className={layout.bottomSheet}>
Copy link
Member

Choose a reason for hiding this comment

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

시연 영상을 보았을 때, 바텀시트는 따로 올라오고 요 피커는 먼저 올라와있는 것 같아요.
혹시 요 부분 해소가 어려울까요..?

Copy link
Member Author

Choose a reason for hiding this comment

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

저도 인지하고 있는데 빠른시간내에 처리가 어려울 것 같아서 우선은 남겨두었습니다...ㅎ
모든 api 연결 테스트 후 이런 세세한 부분들 수정해 나갈 예정입니다!


import { useEffect, useState } from 'react';

export default function useGetBrowserWidth() {
Copy link
Member

Choose a reason for hiding this comment

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

👍
저희는 최대 너비가 600px이기 때문에, 요 부분도 예외처리 해주면 좋을 것 같습니다!

features/record/store/bottom-sheet.ts Outdated Show resolved Hide resolved
@@ -0,0 +1,3 @@
.custom-picker input {
visibility: hidden;
}
Copy link
Member

Choose a reason for hiding this comment

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

요 스타일을 custom picker 컴포넌트 내부 선택자로 넣어줄 수는 없을까요?

Copy link
Member Author

Choose a reason for hiding this comment

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

저도 그게 좋다고 생각하는데 Panda에서 어떻게 넣어줘야 할지 아직 알아보지 못해서 우선 위처럼 처리했습니다 ㅎㅎ
저 부분 더 알아보고 수정할 수 있다면 수정해 놓겠습니다!!
혹시 문법 알고 계시면 알려주시면 감사하겠습니다~~

Copy link
Member

Choose a reason for hiding this comment

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

윤님 코드 보니까 요런 식으로 넣을 수 있을 것 같아요!! 💪🏻

스크린샷 2024-08-02 오후 12 47 20

value="18:30"
value={
methods.watch('startTime') ? methods.watch('startTime') : ''
}
Copy link
Member

Choose a reason for hiding this comment

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

성능에는 미미한 영향을 미치겠지만.. watch를 한번만 호출하는 것이 좋을 것 같아요.

const startTime = methods.watch('startTime');
value={startTime || ''}

@king2dwellsang king2dwellsang added Approved 🆗 # Review is completed and removed Review Plz🙏 # Review is not yet complete labels Aug 2, 2024
@wokbjso wokbjso merged commit c2786f2 into feat/record-sub-info Aug 2, 2024
1 check passed
@wokbjso wokbjso deleted the feat/record-time branch August 2, 2024 03:43
@wokbjso wokbjso restored the feat/record-time branch August 2, 2024 07:48
@wokbjso wokbjso deleted the feat/record-time branch September 11, 2024 15:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Approved 🆗 # Review is completed feat # Add feature
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants