렌시스재팬 페이지 리뉴얼 - 관리자페이지
figma : https://www.figma.com/file/SL2HjUJ0aujggFSfo9biR9/%EC%BB%AC%EB%9F%AC%EB%A0%8C%EC%A1%B0-3?node-id=2039%3A77754
- 상품 등록 및 수정,삭제 구현
- 클라이언트에서 들어온 주문 실시간 조회
상품 정보
- 렌시스 렌즈상품의 등록,수정,삭제
- 기존 렌시스페이지와는 달리 렌즈의 모든 옵션을 일괄 등록 가능
- 해당 API사용 및 사진 파일을 AWS-S3로 바로 업로드가 가능하도록 처리
주문 정보
- 클라이언트페이지에서 들어온 주문리스트 조회 및 상세주문페이지 조회
- API요청을 통한 주문상태변경 및 리스트 최신화
이벤트 정보
- 이벤트 등록 및 조회
- 해당 API사용 및 사진 파일을 AWS-S3로 바로 업로드가 가능하도록 처리
공지사항 정보
- 공지사항 등록 및 조회
- 에디터 라이브러리를 통한 공지사항 등록 가능
- React
- TypeScript
- React-Query
- Tailwind CSS
2022.09 ~ 2022.10
- 실시간 상품목록 조회 및 체크박스를 통한 선택 삭제 및 수정이 가능합니다.
- 상품등록 페이지에서 먼저 메인정보를 입력합니다. 스위치를 통한 추천상품, 상품노출의 설정이 가능하고 체크박스를 통한 상품 시리즈 및 특징 선택이 가능합니다.
- 메인정보를 입력한후 옵션의 정보를 입력합니다. 사진첨부시 사진미리보기와 사진 수정,삭제가 가능합니다.
-
옵션정보 입력후 옵션추가를 클릭하면 하나의 옵션으로 저장이되고 추가로 옵션입력이 가능합니다. 옵션삭제 또한 가능합니다.
-
상품등록시 사진데이터는 자동으로 AWS-S3로 저장이됩니다.
- 상품등록 페이지와 같지만 기존의 상품정보 및 옵션이 입력 되어있습니다. 정보 수정 및 옵션 추가, 삭제가 가능합니다.
- 주문리스트는 클라이언트에서 상품 주문시 실시간으로 반영이 되며 우측상단의 새로고침버튼을 통해 최신화가 가능합니다.
- 체크박스로 주문을 선택한 후 우측상단의 드롭박스를 통해 주문상태변경이 가능합니다.
- 주문리스트에서 주문번호 클릭시 주문상세정보 조회가 가능합니다. 구매한상품들과 옵션정보까지 모두 조회가 가능합니다.
- 이벤트리스트 조회가 가능합니다. 제목 클릭시 이벤트 상세정보 페이지로 넘어갑니다.
- 이벤트 제목, 내용, 기간설정, 클라이언트페이지 상단고정여부, 사진첨부가 가능합니다.
- 이벤트 등록시 사진데이터는 자동으로 AWS-S3로 저장이됩니다.
- 공지사항 리스트 조회가 가능합니다. 제목 클릭시 공지사항 상세정보 페이지로 넘어갑니다.
- 공지사항 제목, 내용, 카테고리 설정이 가능합니다.
- 에디터를 통해 내용을 편집할수 있습니다.