-
Notifications
You must be signed in to change notification settings - Fork 0
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: greeting 문구별 애니메이션 추가 #20
Conversation
<div className='pl-[4rem] py-[2.4rem] flex flex-col border-b border-solid border-white'> | ||
<Title type='official' /> | ||
<Description type='official' /> | ||
</div> |
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.
p2; Description과 Title이 3개의 제품을 설명하는 3개의 일을 하고 있어요. 그런데 정작 레이아웃 코드의 중복 제거는 하고 있지 못해요.
또한 만약에 제품이 추가되면 <ProductSection>
, <Title>
, <Description>
을 모두 수정해야 해요.
만약 각 제품 설명은 따로 컴포넌트로 제작하고, 이 부분을 레이아웃 컴포넌트화 시켜서 children으로 받게 하면 이러한 문제를 해결할 수 있어요.
중복이 효과적으로 제거되면서도, 새로운 제품이 추가되었을 때 <ProductSection>
컴포넌트만 수정해도 되게 되어요.
EX)
<DescriptionLayout title="SOPT 공식 홈페이지" link="https://www.sopt.org/" iconClassName="fill-sub-yellow" keyword="OFFICIAL\n여러줄">
<SoptOfficialDescription />
</DescriptionLayout>
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.
해당 부분은 product 영역인데, 현재 브랜치와 머지하는 과정에서 중간 과정이 딸려온 것 같습니다!
productSection 퍼블리싱 PR 에서 이 사항 반영해서 올리도록 할게요!!
2023-07-26.012052.mp4