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

페이지 UI: 차량 부가정보 페이지 #95

Merged
merged 23 commits into from
Jan 20, 2024
Merged

Conversation

bottlewook
Copy link
Collaborator

@bottlewook bottlewook commented Jan 19, 2024

해당 사항 (중복 선택)

  • FEAT : 새로운 기능 추가 및 개선
  • TEST : 테스트 추가 및 리팩토링
  • FIX : 버그 수정
  • REFACTOR : 결과의 변경 없이 코드의 구조를 재조정
  • STYLE : 코드 스타일에 관련된 변경 사항
  • DOCS : 코드가 아닌 문서를 수정한 경우
  • REMOVE : 파일을 삭제하는 작업만 수행
  • RENAME : 파일 또는 폴더명을 수정하거나 위치(경로)를 변경
  • CHORE : 패키지 매니저 설정, 코드 수정 없이 설정 변경(eslint) 등 기타 사항

설명

Key Changes

  1. Description 컴포넌트 및 스토리북 제작
  2. 차량 부가정보 get 쿼리 훅 제작
  3. ColorPicker 컴포넌트 및 스토리북 작성
  4. FixedBottomButton 컴포넌트 및 스토리북 작성
  5. 차량 부가정보 페이지 제작

How it Works

To Reviewers

  1. 하단 버튼에 애니메이션 추가 했는데 채은님이 빼라고 하셔서 일단 주석 처리 했습니다 ㅠ 화요일날 봐주시고 넣을지 말지 얘기해보시죠..
  2. 데이터가 한 api로부터 오면 부가정보 페이지에서 map을 돌려 코드를 더 간결하게 작성할 수 있었지만 각각의 부가정보 데이터가 분리돼서 스텝별로 컴포넌트를 작성했습니다!

@bottlewook bottlewook added ✨ Feature 기능 개발 🎨 Html&css 마크업 & 스타일링 ✅ Test test 관련(storybook, jest...) labels Jan 19, 2024
@bottlewook bottlewook self-assigned this Jan 19, 2024
@bottlewook bottlewook requested a review from seoye0ng as a code owner January 19, 2024 17:10
@bottlewook bottlewook linked an issue Jan 19, 2024 that may be closed by this pull request
1 task
Copy link

vercel bot commented Jan 19, 2024

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

Name Status Preview Comments Updated (UTC)
f1-wash-pedia-fe ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jan 20, 2024 4:56am

Copy link
Collaborator

Choose a reason for hiding this comment

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

details말고 additional info나 additional details는 어떤가요? 더 명확하게 알 수 있을 것 같아요!

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

네 알겠습니다!

useEffect(() => {
const id = setTimeout(() => {
router.push('/');
}, 2000);
Copy link
Collaborator

Choose a reason for hiding this comment

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

2초로 하드코딩 되어있는데 기간을 정의하는 상수를 사용하는 것은 어떤가요? (크게 상관은 없지만 기간을 따로 정의해놓으면 관리하기 편할 것 같아요!)

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

오홍 수정할게요!!

}

&:checked ~ span {
color: var(--primary) !important;
Copy link
Collaborator

Choose a reason for hiding this comment

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

혹시 이 부분에서 !impotant가 꼭 필요할까요?? 음 다른 방향으로 스타일을 적용할 수 있다면 최대한 사용하지 않는 게 좋을 것 같아요!

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

그게 Text 컴포넌트가 인라인으로 폰트 색상을 받아서 그래요.. css 우선순위에 따라 focus 됐을 때 색상을 지정하려면 기존에 있던 인라인 속성을 오버라이딩 해야하는데 그 방법이 !important밖에 없었습니다 ㅠ

Copy link
Collaborator

Choose a reason for hiding this comment

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

ㅠㅠ어쩔수 없군요

Copy link
Collaborator

@seoye0ng seoye0ng left a comment

Choose a reason for hiding this comment

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

수고하셨습니닷!!

Copy link
Collaborator

@seoye0ng seoye0ng left a comment

Choose a reason for hiding this comment

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

넵 확인했습니다!

@bottlewook bottlewook merged commit ac32f2f into develop Jan 20, 2024
6 checks passed
@bottlewook bottlewook deleted the ui-car-details-page branch January 20, 2024 05:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨ Feature 기능 개발 🎨 Html&css 마크업 & 스타일링 ✅ Test test 관련(storybook, jest...)
Projects
None yet
Development

Successfully merging this pull request may close these issues.

페이지 UI: 차량 부가정보 입력 페이지
2 participants