이름 컴포넌트 공통 컴포넌트 최종
김예진 - 별점 
~~- 드롭다운(옵션)
- 버튼(장바구니, 구매하기)
- 모달(리뷰에서 사진 클릭 시)
- 페이지네이션
- 카테고리 박스~~ |  |
| 김민정
 | **- 포스트 글 카드**
 → 상품 리스트와는 약간 다른 디자인
   **1. 댓글 버튼, 댓글 수**
- 포스트글 작성모달 
   1.  제목 입력 input
   2. 사진/동영상 인풋
   3. 내용 textarea 인풋
- 포스트글 상세모달
  **1. 댓글창**
  2. 댓글 입력 인풋
  3. **사진 넘기는 캐러셀**
**- 상품 구매 내역 보여주는 모달창**
- 버튼 | - 게시글 작성 모달
- input(제목 입력, 사진/동영상, 댓글)
- 내용 작성 textarea input
- 찜 버튼(갯수)
- 버튼(닫기, 커스텀 만들러가기, 등록) | 1. 게시글 작성 모달 
 - 이 부분은 겹치는 분이 안계셔서 제가 만들겠습니다. 
 - 겹치는 페이지: 마이페이지 구매 후기 작성 모달 
  > input(제목 입력, 사진/동영상, 댓글) |
| 김영은 | - **배너 슬라이드**
- BEST **상품리스트 슬라이드**
- 상품아이템
- 페이지네이션
- 정렬드롭다운
- 버튼
- **필터?**
- 카테고리 박스 | - 상품아이템 (이미지, 이름, 가격, 찜, 리뷰갯수)
- 페이지네이션
- 정렬 드롭다운
- 버튼(커스텀페이지로 이동)
- 카테고리 박스 |  |
| 김보경 | 2. 초기화면
- **유저 프로필 박스**
- **주문 / 배송 조회 박스**
- **최근 본 상품**
- 회원 정보 변경 Modal
   - input(닉네임, 휴대폰 번호)
   - 버튼
   - **이미지 변경** 
3. 주문 / 배송 조회
- date input
- date limit radio input
- 주문 상품 정보 overview
  > 이미지, 상품명, 구매 상품 상세, 선택한 옵션, 커스텀 정보
- button sm size
4. 구매후기
- date input
- date limit radio input
- 주문 상품 정보 overview
  > 이미지, 구매확정시기, 제품카테고리명, 제품명, 선택한 옵션
- 작성한 후기 overview
  > 별점, 작성일자, 좋아요 명세, 리뷰 description, 이미지
5. 장바구니
- 주문 상품 정보 overview
   > 이미지, 상품명, 구매 상품 상세, 선택한 옵션, 커스텀 정보
- 결제 금액
6. 주문 / 결제
- 주문 상품 정보 overview
- 총 주문금액
- 배송 주소
  a. 배송 요청사항 dropdown
  b. 배송 요청사항 직접입력 textarea
- 할인 혜택
  a. 쿠폰 dropdown
  b. 포인트 readOnly input
  c. 보유 포인트
- 결제 수단
  a. 보유 포인트
- 결제 상세
7. 결제 완료
- 주문 상품정보 overview
8. 찜 목록
- 찜 상품 overview
- 찜 상품 리스트 check box
- pagination
- 찜 상품 삭제 Modal
9. 커뮤니티
- 내 게시글 List
- 내 게시글 check box
- 게시글 삭제 Modal
- pagination
- 작성 게시글 내용 Modal
  a. image slide button
  b. 게시글 info
  c. description
  d. 좋아요 버튼
  e. 댓글 count
  f. 댓글 입력 input
  g. 댓글
- 작성 게시글 수정 Modal | 1.  주문 상품 정보 overview
  - 사용처
  > 주문 / 배송 조회
  > 구매 후기
  > 장바구니
  > 주문 / 결제
  > 찜 목록

2. 선택 상품 삭제 Modal
  > 찜 목록 삭제
  > 게시글 삭제

3. 배송 주소
  > 결제하기
  > 결제 완료

4. pagination
  > 찜 목록
  > 게시글 |  |
| 이도원 | -모달
1. 소리(축)
    버튼(white)
2. 옵션 상품 선택
    **개별 옵션 선택**
    버튼(gray)
3. 담은 상품
    상품 내용(공통?)
        optionDetail(hover)
    button(white)
**- toast or modal(완료 - 장바구니 담긴 알림)** 
- **canvas**
- **step**
- option
1. 배열, 외관색 선택
    button(white, black)
2. 스위치
    button(white, black, option)
    **도움**
3. 키캡
    selectBox
    button(white, black)
    **i(요금 도움말)**
    **colorTag**
**- 도움말(hover)** | 버튼(black, white, gray, 단계 이동)
selectBox(Dropdown)(키캡 선택)
optionDetail(장바구니 담기 모달 hover 툴팁) |  |
| 로그인/회원가입 | - input(이메일, 비밀번호, 비밀번호 확인, 휴대폰 번호)
**- date picker(생년 월일)**
**- 성별(radio button)**
- 모달창
- **약관동의 박스**
- **간편 로그인** | - 모달
- input(이메일, 비밀번호, 비밀번호 확인, 휴대폰 번호) |  |
| 마이페이지_주문/배송 조회_구매 후기 작성 버튼 클릭시(리뷰) | - 구매 후기 작성 글 → 포스트글 작성 모달과 비슷!
   1.  제목 input
   2. 사진/동영상 인풋
   3. 내용 textarea 인풋
   4. 별점
   5. **토글 버튼(좋아요, 아쉬워요)** 
   6. 상품 사진, 이름, 옵션 보여주는 박스 | - 별점
- 모달
- input(제목, 사진, 동영상)
- textarea |  |

![Untitled](<https://prod-files-secure.s3.us-west-2.amazonaws.com/0d4a924d-9297-4e1c-b787-9cba167cba18/be7c6763-4c1f-4fa3-9e54-f1989cc5b695/Untitled.png>)

상품 사진, 이름, 옵션 보여주는 박스