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/#53] Stepper 공통 컴포넌트 추가 #56

Merged
merged 5 commits into from
Jul 8, 2024
Merged

Conversation

imddoy
Copy link
Contributor

@imddoy imddoy commented Jul 7, 2024

📌 관련 이슈번호

🎟️ PR 유형

어떤 변경 사항이 있나요?

  • 새 기능 추가
  • 버그 수정
  • CSS 등 사용자 UI 디자인 변경
  • 리팩토링

✅ Key Changes

이번 PR에서 작업한 내용을 간략히 설명해주세요

  1. stepper 구현

📢 To Reviewers

  • max가 최대 값, round가 초기값임니다.
  • 공연 회차 체크 용도로만 사용하고 있어서 round라고 했는데 stepper 안에서도 round라고 사용하면 나중에 혼란스러울까요??
    의견 마구마구 부탁드립니당.
  • 스토리북에서도 개발환경에서도 - + disabled처리 잘되었습니당

📸 스크린샷

image

🔗 참고 자료

https://jinist.tistory.com/365
솔직히 svg 잘 모릅니다..ㅎ 그래서 이거 블로그보면서 색 변경해줬어용

@github-actions github-actions bot added the ✨ FEAT 기능 구현 label Jul 7, 2024
Copy link

github-actions bot commented Jul 7, 2024

PR 작성하느라 고생 많았어요!! 라벨 잘 지정되었는지 확인 한 번 해 주기 🫶

@imddoy imddoy changed the title Feat/#53/stepper [Feat/#53 Stepper 공통 컴포넌트 추가 Jul 7, 2024
@imddoy imddoy changed the title [Feat/#53 Stepper 공통 컴포넌트 추가 [Feat/#53] Stepper 공통 컴포넌트 추가 Jul 7, 2024
Copy link

github-actions bot commented Jul 7, 2024

Copy link
Contributor

@sinji2102 sinji2102 left a comment

Choose a reason for hiding this comment

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

제가 보기엔 문제 없는 것 같아 어푸했습니다!! 고생했어욥,,, 공통컴포넌트긴 하니까 정 신경쓰이면 round -> cnt 등으로 변경하는 것도 좋은 방법일 것 같아요!! 나두 이럿케,,, 깔끔하게 코드 짤 수 있었으면 조켓따,,,

Copy link
Contributor

@ocahs9 ocahs9 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
Member

@pepperdad pepperdad left a comment

Choose a reason for hiding this comment

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

깔끔합니당 ~!!!
리뷰 남긴 것만 수정하고 머지하면 될 것 같아요!

Comment on lines 4 to 10
export interface StepperProps {
max: number;
round: number;
setRound: (round: number) => void;
}

const Stepper = ({ round, max, setRound }: StepperProps) => {
Copy link
Member

Choose a reason for hiding this comment

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

p3) setState 자체를 props로 넘기면 안된다? 와 관련해서 화랑이가 적은 아티클이 있어서 링크 남겨놓겠습니다!
props로 onMinusClick, onPlusClick 이렇게 넘기는 방식은 어떨까요!?

https://velog.io/@thisishwarang/React-setState-%EC%9E%90%EC%B2%B4%EB%A5%BC-props%EB%A1%9C-%EC%A0%84%EB%8B%AC%ED%95%98%EC%A7%80-%EB%A7%90%EC%95%84%EC%95%BC-%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0

Copy link
Contributor Author

Choose a reason for hiding this comment

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

넵!! onMinusClick, onPlusClick으로 prop 넘기는 방향으로 수정했습니다!!

Copy link

sonarqubecloud bot commented Jul 8, 2024

Copy link

github-actions bot commented Jul 8, 2024

@imddoy imddoy merged commit 9c5d66a into develop Jul 8, 2024
5 checks passed
@sinji2102 sinji2102 deleted the feat/#53/Stepper branch December 16, 2024 09:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨ FEAT 기능 구현
Projects
Status: 🎉Done
Development

Successfully merging this pull request may close these issues.

[ Feat ] Stepper 공통 컴포넌트 추가
4 participants