-
Notifications
You must be signed in to change notification settings - Fork 2
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] 커뮤니티 목록 VIEW, 배너/ 커뮤니티 글 컴포넌트 #53
Conversation
🚀 Storybook 배포가 완료되었습니다! 🔗 https://6779addaee273bbd1faef48a-vyzqmeclsx.chromatic.com/ |
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.
그리드 고생의 흔적이 보이네용 ㅜㅜㅜ 어푸합니다
position: absolute; | ||
top: 4.5rem; |
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.
p1: 이 부분은 없어도 좋을 것 같습니당
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.
취소취소 top이랑 bottom을 props로 넘겨주자요
], | ||
tags: ['autodocs'], | ||
}; |
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.
p1: 지워줘영
onClick={() => { | ||
alert('클릭!'); | ||
}} |
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.
p1: onClick 반영해주세용
const formatContent = (content: string, ImgCount: number): string => { | ||
const limit = ImgCount >= 1 ? 120 : 240; | ||
return content.length > limit ? content.slice(0, limit) + '...' : content; | ||
}; | ||
|
||
export default formatContent; |
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.
p1: css로 바꾸는게 더 좋을 것 같아 보이네용
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.
야무지다. 깔꼼합니다
어푸
🚀 Storybook 배포가 완료되었습니다! 🔗 https://6779addaee273bbd1faef48a-afacvfqove.chromatic.com/ |
🚀 Storybook 배포가 완료되었습니다! 🔗 https://6779addaee273bbd1faef48a-vkxrtqsmol.chromatic.com/ |
📑 이슈 번호
✨️ 작업 내용
커뮤니티 상단의 배너와 커뮤니티 글 카드 컴포넌트를 제작하고, storybook 을 통해서 UI 테스트를 진행했습니다.
커뮤니티 페이지 우측 하단의 플로팅 버튼을 제작하였고, 위쪽화살표 버튼의 경우 페이지 상단으로 자동 스크롤 되도록 구현했습니다.
원래는 게시글 카드부분이 중앙정렬이 아니라 오른쪽에 붙어있어야 하는데요,
추후 툴리스트 조회 Bar 가 머지되면 다음 이슈에서 추가하도록 하겠습니다 :)
💙 코멘트
Docs
파일을 만들지 않았습니다!(전체 스크린 전용인데 미리보기로 보면 중간에 짤려서 보이더라구요! )
📸 구현 결과
default.mp4