1 : 의호님
2 : 민승님
3 : 승연님
4 : 광렬님
공통 UI를 4개의 그룹으로 분리. 개발시 고려해볼만한 것들을 생각해봤어요
•
1번
◦
재사용성 고려하기 (post의 작성자명, 아이디, 글내용과 product의 상품이미지, 상품명, 가격은 바뀔 수 있음)
◦
post : 이미지가 없는 경우 / 있는 경우에 따라 다르게 보여지는 것 주의
▪
이미지가 2개 이상인 경우는 도전 과제이므로 일단 고려하지 않음
◦
하트 클릭 했을 때 빨간하트 / 빈하트 바뀌는 것 구현해야 함 (이 단계에서 기능은 고려하지 않음. 색깔만 바뀌게 하면 됨)
•
2번
◦
top nav 종류가 많아서 신경쓸게 많을듯
▪
버튼(4번 디자인) 만들어지기 전까지 저장 버튼은 그냥 디자인 입히지 않고 작업
▪
케밥 버튼(점 세개) 눌렀을때 히든메뉴리스트(3번 디자인)가 나타나야함. 만들어지기 전까지는 일단 고려 안하고 작업.
▪
케밥 버튼은 댓글 컴포넌트에도 재사용되고 있음
◦
페이지가 길어져도 tab-menu는 항상 하단에 고정되어야 함, tab-menu 클릭에 따라 아이콘 색이 바뀌어야 함, 등등..
▪
•
3번
◦
모달(alert창)이랑 히든메뉴리스트 만들때 신경쓸게 많을듯
◦
이것도 버튼(4번 디자인) 만들어지기 전까지 저장 버튼은 그냥 디자인 입히지 않고 작업
◦
히든메뉴리스트 뜰때 뒷배경 어두워져야함, 위로 샤라락 올라오는 효과 있어야함
▪
http://146.56.183.55:3000/ 에서 확인 가능
◦
재사용 고려하며 만들어야함
▪
모달의 경우 - 상품 삭제, 신고하기, 채팅방 나가기 모달 등으로 재사용 가능해야함
▪
히든메뉴리스트의 경우 - 각 페이지마다 재사용 가능해야함
▪
text-input의 경우 : 이메일, 비밀번호 등 label이 상황에 따라 재사용 가능해야함
•
4번
◦
재사용 고려해야함 (팔로우 버튼, 다음 버튼, 저장 버튼 등)
◦
2번, 3번에서 버튼이 사용되기 때문에 빠른 작업속도 중요!
