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

refactor: 혼잡도 그래프의 시멘틱 태그를 progress로 수정한다 #640

Merged
merged 7 commits into from
Sep 1, 2023

Conversation

gabrielyoon7
Copy link
Member

@gabrielyoon7 gabrielyoon7 commented Aug 31, 2023

📄 Summary

웹 표준을 지키기 위해 div태그의 덩어리들을 progress로 수정합니다.

🕰️ Actual Time of Completion

1시간

🙋🏻 More

close #638

@gabrielyoon7 gabrielyoon7 added 🛠️ 리팩터링 개선사항입니다 FE 프론트엔드 관련 이슈입니다 🦜 UI UI 디자인을 수정합니다 labels Aug 31, 2023
@gabrielyoon7 gabrielyoon7 self-assigned this Aug 31, 2023
@gabrielyoon7 gabrielyoon7 temporarily deployed to test August 31, 2023 14:47 — with GitHub Actions Inactive
@github-actions
Copy link

🚀storybook: https://storybook.carffe.in/

@gabrielyoon7 gabrielyoon7 temporarily deployed to test August 31, 2023 14:54 — with GitHub Actions Inactive
Copy link
Member

@kyw0716 kyw0716 left a comment

Choose a reason for hiding this comment

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

고생하셨습니다~~

@github-actions
Copy link

🚀storybook: https://storybook.carffe.in/

Copy link
Collaborator

@feb-dain feb-dain left a comment

Choose a reason for hiding this comment

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

리뷰 반영해 주세요~

export const Default = () => {
return (
<>
{Array.from({ length: 24 }).map((_, index) => (
Copy link
Collaborator

Choose a reason for hiding this comment

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

Array.from 쓰면 map 생략하는 방법 있었죠?

return (
<>
{Array.from({ length: 24 }).map((_, index) => (
<Bar key={index} align={'column'} ratio={(index / 24) * 100} hour={index} />
Copy link
Collaborator

Choose a reason for hiding this comment

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

스토리북 보니까 너무 붙어있어요ㅋㅋㅋ Bar에 column gap 줘야할 것 같아요!


export const NoRatio = () => {
return (
<>
Copy link
Collaborator

Choose a reason for hiding this comment

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

Fragments 안 써도 될 것 같아요~

export const NoRatio = () => {
return (
<>
<Bar align={'column'} ratio={-1} hour={1} />
Copy link
Collaborator

Choose a reason for hiding this comment

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

여기 -1도 상수 활용해주세요

Comment on lines 56 to 59
border-top-left-radius: 0.4rem;
border-bottom-left-radius: 0.4rem;
border-top-right-radius: 1rem;
border-bottom-right-radius: 1rem;
Copy link
Collaborator

Choose a reason for hiding this comment

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

Border니까 px로 바꾸는 게 어떨까요?

@gabrielyoon7 gabrielyoon7 temporarily deployed to test September 1, 2023 01:44 — with GitHub Actions Inactive
@gabrielyoon7 gabrielyoon7 temporarily deployed to test September 1, 2023 01:46 — with GitHub Actions Inactive
@github-actions
Copy link

github-actions bot commented Sep 1, 2023

🚀storybook: https://storybook.carffe.in/

@gabrielyoon7 gabrielyoon7 merged commit 10bbed8 into develop Sep 1, 2023
3 checks passed
@gabrielyoon7 gabrielyoon7 deleted the refactor/638 branch September 1, 2023 01:48
@github-actions
Copy link

github-actions bot commented Sep 1, 2023

🚀storybook: https://storybook.carffe.in/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
FE 프론트엔드 관련 이슈입니다 🛠️ 리팩터링 개선사항입니다 🦜 UI UI 디자인을 수정합니다
Projects
None yet
Development

Successfully merging this pull request may close these issues.

혼잡도 그래프를 개선합니다.
3 participants