[FE-Feat] 확정되지 않은 일정 섹션의 상태를 jotai로 이전 #339
Conversation
WalkthroughThis change refactors type names and parameter annotations from Changes
Sequence Diagram(s)sequenceDiagram
participant User
participant OngoingSchedules
participant JotaiAtom
participant OngoingScheduleList
participant useOngoingQuery
User->>OngoingSchedules: Selects segment in SegmentControl
OngoingSchedules->>JotaiAtom: Updates segment value atom
OngoingSchedules->>OngoingScheduleList: Renders with atom state
OngoingScheduleList->>JotaiAtom: Reads (and updates) page/index state
OngoingScheduleList->>useOngoingQuery: Fetches data using atom state
useOngoingQuery-->>OngoingScheduleList: Returns schedule data
OngoingScheduleList-->>User: Displays updated schedule list
Possibly related PRs
Poem
📜 Recent review detailsConfiguration used: CodeRabbit UI 📒 Files selected for processing (1)
🚧 Files skipped from review as they are similar to previous changes (1)
✨ Finishing Touches
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. 🪧 TipsChatThere are 3 ways to chat with CodeRabbit:
SupportNeed help? Create a ticket on our support page for assistance with any issues or questions. Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. CodeRabbit Commands (Invoked using PR comments)
Other keywords and placeholders
CodeRabbit Configuration File (
|
dioo1461
changed the title
dioo1461
changed the title
hamo-o
left a comment
hamo-o
left a comment
There was a problem hiding this comment.
일단 구조는 다음 회의 때 각자 조사해보고 다시 얘기해봐요!!
리뷰 하나만 확인해주세요!
There was a problem hiding this comment.
p1; 페이지 넘긴 뒤 세그먼트 바꾸면 데이터가 안나옵니다!!
default.mov
page 역시 아톰으로 관리하면서 세그먼트 변환 시 유지되어 2페이지(없는 페이지)가 요청되는 것 같아요. hover했을때(prefetch)와 다른 페이지 요청이 가네요
There was a problem hiding this comment.
01b26eb
qa를 제대로 안했네요 죄송.... 버그는 수정했습니다!
추가로 segment control의 value를 외부에서 주입하도록 구현 변경하는 커밋까지 작업한 후에 다시 pr open하겠습니다~
This reverts commit b51ce78.
dioo1461
force-pushed
the
feature/fe/persist-ongoing-schedule-state
branch
from
01b26eb to
f6d8889
Compare
|
@coderabbitai review |
✅ Actions performedReview triggered.
|
|
@coderabbitai full-review |
|
Tip For best results, initiate chat on the files or code changes. 🧩 Analysis chain@dioo1461 전체 리뷰를 시작하겠습니다. 변경된 파일들을 자세히 살펴보겠습니다. 🏁 Script executed: Length of output: 6440 🏁 Script executed: Length of output: 3878 🔍 전체 리뷰 결과✨ 주요 변경사항 요약이 PR은 확정되지 않은 일정 섹션의 상태를 Jotai로 이전하는 목표를 성공적으로 달성했습니다. 주요 변경사항은 다음과 같습니다:
🎯 PR 목표 달성도: ✅ 완료사용자가 홈 화면에서 다른 페이지로 이동했다가 돌아와도 일정 섹션의 상태가 유지되도록 하는 목표가 잘 구현되었습니다. 💡 코드 품질 평가✅ 우수한 점들
🔧 개선 제안사항
🚀 성능 및 사용자 경험
📋 테스트 제안다음 시나리오들을 테스트해보시기를 권장합니다:
🎉 전체 평가이 PR은 목표를 성공적으로 달성했으며, 코드 품질도 우수합니다. Jotai를 사용한 상태 관리 패턴이 잘 구현되어 있고, 타입 안전성도 개선되었습니다. 몇 가지 작은 개선사항들이 있지만, 전반적으로 훌륭한 구현입니다. 추천: 머지 승인 ✅ 🧠 Learnings used |
| PAGE_SIZE, | ||
| value, | ||
| )} | ||
| onValueChange={(value) => setSegmentValue(value)} |
There was a problem hiding this comment.
p3;
onValueChange={setSegmentValue} 이렇게만 넘겨도 될 것 같습니당
| export interface SegmentControlProps< | ||
| SegmentValue extends string = string, | ||
| > extends PropsWithChildren { | ||
| segmentOptions: SegmentOption<SegmentValue>[]; | ||
| style?: 'weak' | 'filled'; | ||
| shadow?: boolean; | ||
| defaultValue?: string; | ||
| onValueChange?: (value: string) => void; | ||
| initialValue?: SegmentOption<SegmentValue>['value']; | ||
| onValueChange?: (value: SegmentOption<SegmentValue>['value']) => void; | ||
| className?: string; | ||
| onButtonHover?: (value: string) => void; | ||
| onButtonHover?: (value: SegmentOption<SegmentValue>['value']) => void; | ||
| }; |
There was a problem hiding this comment.
p3;
아래와 같이 간략화하면 어떨까요? (SegmentOption<SegmentValue>['value']가 결국에는 SegmentValue와 같아서요!)
export interface SegmentControlProps<T extends string = string> extends PropsWithChildren {
segmentOptions: SegmentOption<T>[];
style?: 'weak' | 'filled';
shadow?: boolean;
initialValue?: T;
onValueChange?: (value: T) => void;
className?: string;
onButtonHover?: (value: T) => void;
};| atom({ | ||
| listIndex: 0, | ||
| page: 1, | ||
| } as OngoingSegmentStateAtom), |
There was a problem hiding this comment.
p3;
단언문보다는 제네릭 활용이 더 안정성 있을 것 같습니다!
| atom({ | |
| listIndex: 0, | |
| page: 1, | |
| } as OngoingSegmentStateAtom), | |
| atom<OngoingSegmentStateAtom>({ | |
| listIndex: 0, | |
| page: 1, | |
| }), |
#️⃣ 연관된 이슈>
📝 작업 내용> 이번 PR에서 작업한 내용을 간략히 설명해주세요(이미지 첨부 가능)
2025-03-17.4.20.31.mov
🙏 여기는 꼭 봐주세요! > 리뷰어가 특별히 봐주었으면 하는 부분이 있다면 작성해주세요
Summary by CodeRabbit
Refactor
Style