1 : 의호님

2 : 민승님

3 : 승연님

4 : 광렬님

공통 UI를 4개의 그룹으로 분리. 개발시 고려해볼만한 것들을 생각해봤어요

• 1번

  • 재사용성 고려하기 (post의 작성자명, 아이디, 글내용과 product의 상품이미지, 상품명, 가격은 바뀔 수 있음)
  • post : 이미지가 없는 경우 / 있는 경우에 따라 다르게 보여지는 것 주의
    • 이미지가 2개 이상인 경우는 도전 과제이므로 일단 고려하지 않음
  • 하트 클릭 했을 때 빨간하트 / 빈하트 바뀌는 것 구현해야 함 (이 단계에서 기능은 고려하지 않음. 색깔만 바뀌게 하면 됨)

• 2번

  • top nav 종류가 많아서 신경쓸게 많을듯
    • 버튼(4번 디자인) 만들어지기 전까지 저장 버튼은 그냥 디자인 입히지 않고 작업
    • 케밥 버튼(점 세개) 눌렀을때 히든메뉴리스트(3번 디자인)가 나타나야함. 만들어지기 전까지는 일단 고려 안하고 작업.
    • 케밥 버튼은 댓글 컴포넌트에도 재사용되고 있음
  • 페이지가 길어져도 tab-menu는 항상 하단에 고정되어야 함, tab-menu 클릭에 따라 아이콘 색이 바뀌어야 함, 등등..
    • 이런 동작들은 http://146.56.183.55:3000/ 에서 직접 살펴보며 참고

• 3번

  • 모달(alert창)이랑 히든메뉴리스트 만들때 신경쓸게 많을듯
  • 이것도 버튼(4번 디자인) 만들어지기 전까지 저장 버튼은 그냥 디자인 입히지 않고 작업
  • 히든메뉴리스트 뜰때 뒷배경 어두워져야함, 위로 샤라락 올라오는 효과 있어야함
    • http://146.56.183.55:3000/ 에서 확인 가능
  • 재사용 고려하며 만들어야함
    • 모달의 경우 - 상품 삭제, 신고하기, 채팅방 나가기 모달 등으로 재사용 가능해야함
    • 히든메뉴리스트의 경우 - 각 페이지마다 재사용 가능해야함
    • text-input의 경우 : 이메일, 비밀번호 등 label이 상황에 따라 재사용 가능해야함

• 4번

  • 재사용 고려해야함 (팔로우 버튼, 다음 버튼, 저장 버튼 등)
  • 2번, 3번에서 버튼이 사용되기 때문에 빠른 작업속도 중요!