-
Notifications
You must be signed in to change notification settings - Fork 1
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/carousel: Carousel 컴포넌트 구현 #64
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
수고 많으셨어요! 👍👍👍
변경 사항이 많을 것 같은데 천천히 해주세요~ 😊
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
고생하셨습니다 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
리뷰할게 자잘한 것밖에 없어요 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
고생하셨어요!
작은 버그가 있는데..ㅎㅎ..
NavigationButton으로 페이지 이동 -> scrollEventHandler
디바운스 타이머 시작 -> 타이머가 끝나기 전에 한번 더 눌러 페이지 이동
이런 상황에서 자꾸 이전 카드로 돌아오는 것 같아요. 간단히 말하면 네비게이션 버튼을 막 광클하면 덜컹덜컹해요.
이것만 해결되면 다른 문제는 없는 것 같아요! 너무 좋아요
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
수고많으셨어요~~
무수히 많은 Conversation을 처리하느라 고생하셨습니다.
👍👍👍
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
너무 고생하셨어요 ㅎㅎ..... 면목없네요
두 가지만 반영해 주시구.. 혹시 주말에 제가 늦게 확인하면 곤란하니 approve는 미리 꽂아 둘게요..
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
수정사항만 반영하고 합치면 될 것 같아요~
고생 많으셨습니다!
🤠 개요
애플 홈페이지
추가된 사항
최종 수정
이외에 추가적으로 궁금하신 사항이나 수정할 사항있으면 댓글 남겨주세요~~
💫 설명
components
Carousel: 감싸는 부모 컴포넌트
Card: 카드 형태 자식 컴포넌트
Slide: slide 형태 자식 컴포넌트: 적용시 width는 100vw로 들어가는 layout입니다. Carousel props로 width나 line을 넘겨줘도 무시됩니다. height는 정상적으로 반영됩니다.
props
line: number => 캐러셀 카드형태일 때, 가로줄 개수
width: number => 캐러셀에 들어갈 카드 하나의 너비
height: number => 캐러셀에 들어갈 카드 하나의 높이
line 제외하고 optional 이고, line의 경우 default를 1로 설정해두었습니다.
width, height는 카드 하나의 규격을 커스텀 할 수 있도록 넣어주었습니다.
📷 스크린샷 (Optional)
Default inline layout
Custom inline layout
Default Two Line layout
Custom Two Line layout
Multi Line layout
Slide layout