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

feat: progressbar component #40

Merged
merged 9 commits into from
Nov 2, 2023
Merged

Conversation

nsr1349
Copy link
Contributor

@nsr1349 nsr1349 commented Oct 30, 2023

🧩 이슈 번호

✅ 작업 사항

프로그래스 바 만들었습니다.
w는 기본으로 100%이고, 게이지는 progress 쓰셔서 조절 가능
밤에는 노랑 됌요

👩‍💻 공유 포인트 및 논의 사항

@nsr1349 nsr1349 added ☁️ FE 프론트 레포지토리에서의 작업 ✨ feature 새로운 기능에 대한 작업 labels Oct 30, 2023
@nsr1349 nsr1349 added this to the 1차 스프린트 milestone Oct 30, 2023
@nsr1349 nsr1349 self-assigned this Oct 30, 2023
@netlify
Copy link

netlify bot commented Oct 30, 2023

Deploy Preview for moabam-storybook ready!

Name Link
🔨 Latest commit 9942f22
🔍 Latest deploy log https://app.netlify.com/sites/moabam-storybook/deploys/65434a57c039c600086e3157
😎 Deploy Preview https://deploy-preview-40--moabam-storybook.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@bbearcookie bbearcookie changed the title feat/#33/progressbar component feat: progressbar component Oct 30, 2023
Copy link
Member

@bbearcookie bbearcookie left a comment

Choose a reason for hiding this comment

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

고생하셨습니다!!

@@ -0,0 +1,13 @@
const ProgressBar = ({ progress = 0, className = '', ...props }) => (
Copy link
Member

Choose a reason for hiding this comment

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

P2:
Input 컴포넌트 리뷰와 유사한 맥락인데요! 기본적으로 정의되어 있는 타입을 기반으로 확장성을 열어두는 방법은 어떨까요!?

추가로, 컴포넌트의 Prop 타입에 관한 컨벤션을 위해서 인터페이스를 정의해주면 좋겠네요!

image

interface ProgressBarProps extends React.HTMLAttributes<HTMLDivElement> {
  progress?: number;
}

@chasj0326 chasj0326 merged commit 06c695c into main Nov 2, 2023
@chasj0326 chasj0326 deleted the feat/#33/progressbar-component branch November 2, 2023 07:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
☁️ FE 프론트 레포지토리에서의 작업 ✨ feature 새로운 기능에 대한 작업
Projects
None yet
Development

Successfully merging this pull request may close these issues.

프로그래스 바 컴포넌트 작성
3 participants