Skip to content

hotfix: 오늘을 선택한경우 지금 시간보다 이전의 시간 옵션을 disabled 처리#841

Closed
spoyodevelop wants to merge 0 commit intofe/devfrom
fe/fix/past-time
Closed

hotfix: 오늘을 선택한경우 지금 시간보다 이전의 시간 옵션을 disabled 처리#841
spoyodevelop wants to merge 0 commit intofe/devfrom
fe/fix/past-time

Conversation

@spoyodevelop
Copy link
Copy Markdown
Contributor

@spoyodevelop spoyodevelop commented Mar 12, 2026

#️⃣ 연관된 이슈

서버측 validation로직이 변경되면서, 이전 날짜/시간 validation을 client측에서 처리하는 로직을 추가했습니다.

📝 작업 내용

CleanShot.2026-03-12.at.20.17.27.mp4

오늘을 선택하면 지금보다 이전 시간대를 disabled 처리하고, 오늘을 선택하지 않으면 disabled를 풉니다.
일반적인 유저 사용법으로는 에러를 유도하기 힘들고, 간단한 fix로는 충분한것 같아서 해당 PR을 작성했습니다.

현재 구조상 오늘을 선택하면, 그 이후의 시간대를 선택해도 무조건 지금의 시간대 (예를들면 3시를 선택한경우 4시부터만 선택을 가능하게 할수 있음)만 선택이 가능하네요. 아이고.... 가만히 생각하니 그렇네요.... ㅋㅋㅋㅋㅋㅋ

💬 리뷰 요구사항

해당과정중에서 불가피하게 TimePicker 컴포넌트에 수정을 가했습니다. 검증로직이 간단해지는 v3가 포함되면 PR의 변경사항은 롤백도 고려해 보면 좋을것 같습니다.

@github-actions
Copy link
Copy Markdown

⚡️ Lighthouse Report

Category Score
🔴 Performance (성능) 38
🟢 Accessibility (접근성) 94
🟠 Best Practices (모범 사례) 75
🟢 SEO (검색엔진 최적화) 100

📊 Performance Details (성능 세부 지표)

Metric (지표) Value
🔴 First Contentful Paint (최초 콘텐츠 표시) 4.8 s
🔴 Largest Contentful Paint (최대 콘텐츠 표시) 8.6 s
🔴 Total Blocking Time (총 차단 시간) 1,150 ms
🟢 Cumulative Layout Shift (누적 레이아웃 이동) 0.002
🔴 Time To Interactive (상호작용 가능 시간) 8.6 s

import { useMemo } from 'react';
import { useRoomSelector } from '../store/createRoomStore';

export interface HourOption {
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

HourOption이라는 새로운 Type이 추가 되었습니다. 해당부분은 임시적인 fix이며, 후에 서버측 validation(v3)가 추가될시, 롤백 가능합니다.

@github-actions
Copy link
Copy Markdown

🚀 Storybook preview: https://687852cd7789368357f3bb71-gvlhipuisj.chromatic.com/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

FE Frontend 🚨 hotfix 핫픽스

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

1 participant