전체 레이아웃은 테이블로

컴포넌트

• 인풋 (05, 06, 10, 12, 15)

  • width
  • place holder

• 필터 인풋 (04)

  • readonly
  • onClick
  • 선택한 필터 리스트 컴포넌트
    • x 버튼에 onclick

• 필터 모달

  • 인풋 - controlled
    • 사용자 입력마다 검색이 실행됨
    • 입력 값을 state로 관리해야함
    • 디바운싱
  • 검색 결과창
    • 필터 아이템 컴포넌트
      • onClick

• 카테고리

  • 좌측) 카테고리 체크박스 리스트 컴포넌트
  • 우측) 선택한 카테고리 리스트 컴포넌트
    • 버튼처럼 보이지만 얘도 버튼이 아님
    • X에만 클릭 이벤트가 달려있음

• 카테고리 & 필터 아이템 (삭제 버튼)

• 버튼 (3, 4, 7, 8, 10, 21)

  • background color
  • text
  • 클릭시 실행될 콜백 onClick

• 이미지 업로드 컴포넌트 (07 - 단일 업로드, 08 - 멀티 업로드)

  • 이미지 업로드 버튼 컴포넌트
    • 버튼인척하는 Input type=”file” 태그
  • 업로드된 이미지 파일 리스트 컴포넌트
    • 파일명
    • X 버튼 - 클릭시 해당 파일 삭제

• 상품 코드 (05)

  • 자동으로 들어감 → uuid 사용하면 좋을듯?

• 달력 및 시간 (01, 02, 18 )

  • select 기능 추가 (01, 02, 18)
  • select 기능 X, 시간부분 없음 (18)