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

ScrollButton 컴포넌트 퍼블리싱 #67

Merged
merged 3 commits into from
Mar 12, 2024
Merged

ScrollButton 컴포넌트 퍼블리싱 #67

merged 3 commits into from
Mar 12, 2024

Conversation

jyh071116
Copy link
Member

Issue Number

close #35

What

스크롤버튼 컴포넌트를 퍼블리싱하고, 기능 구현을 하였습니다.

How

  • V2의 styled-components로 작성된 코드를 vanilla-extract로 변경하였습니다.
  • 사용하지 않는 css 속성들을 삭제하고, 컨벤션을 맞췄습니다.
  • 웹 접근성을 높이기 위해 aria-label을 사용하였습니다.

ScreenShot

image

@jyh071116 jyh071116 added the feat 새로운 기능 label Mar 11, 2024
@jyh071116 jyh071116 self-assigned this Mar 11, 2024
Copy link
Member

@5ewon 5ewon left a comment

Choose a reason for hiding this comment

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

굿굿~~👍

<button
className={styles.scrollButton}
onClick={scrollToTop}
aria-label="최상단으로 올라가기"
Copy link
Member

Choose a reason for hiding this comment

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

기존에 없던 레이블이 생겼네요. 웹 접근성 개선 차원에서 작성하신걸로 보입니다. aria-label 대신 aria-description을 사용하는것에 대해서는 어떻게 생각하세요?

Copy link
Member

Choose a reason for hiding this comment

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

aria와 관련된 속성은 JSX에서 대쉬바로 props를 전달해주어도 문제가없나요??

Copy link
Member Author

Choose a reason for hiding this comment

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

button에 text가 없으면 eslint 에러가 떠서 aria-label로 작성하였습니다.
aria와 관련된 속성은 jsx에서 kebab case로 사용합니다!

Copy link
Member

@Ubinquitous Ubinquitous left a comment

Choose a reason for hiding this comment

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

GOOD

@jyh071116 jyh071116 merged commit bfff7da into main Mar 12, 2024
1 check passed
@Ubinquitous Ubinquitous deleted the feat/scrollbutton branch November 15, 2024 16:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feat 새로운 기능
Projects
None yet
Development

Successfully merging this pull request may close these issues.

스크롤버튼 컴포넌트 개발
3 participants