-
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
Mara 23 친구 냉장고 화면 구현 #7
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.
해당 부분은 아이콘이 추가될 수록 관리가 점차 힘들어 질 것 같은데요..!
svgr
를 사용해서 아이콘 컴포넌트화를 통해 관리하던지 따로 배럴파일을 둬서 아이콘을 에셋으로 관리하던지 선택이 필요해 보입니다.🙀
</svg> | ||
); | ||
|
||
export const ArrowRightGray: React.FC<React.SVGProps<SVGSVGElement>> = ( |
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.
색상과 방향 정도는 커스텀해도 좋을 것 같습니다..! 컴포넌트화의 이점을 살려서 Arrow
컴포넌트를 두고 방향과 스트로크정도는 커스텀화 해서 확장성 있게 가져가는게 좋아보입니다..!👀
냉장고 추가 | ||
</button> | ||
{!isMyFridgeList && ( | ||
<button className="flex justify-center items-center h-[64px] border-2 rounded-[12px] text-gray3"> |
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.
공통으로 사용하는 버튼들은 atom
에 미리 빼놔도 좋을 것 같네유..!🙇♂️
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.
고생하셨습니다..!🐭
첨언하면 태그를 완전 시맨틱하게 가져갈 필요는 없지만 조금은 나누면 더 좋은 마크업이 될것 같습니닷
나중에 관리가 힘들어질 포인트가 좀 보이는데 요건 나중에 같이 말씀나눠보면 좋을것 같네용🌸
머지를 해버려서,, 마크업수정하면서 시맨틱 추가하겠습니당 |
요구사항
이슈번호: Mara-23
작업내용