period | 2023.04 ~ 2023.07 |
projects | v3.0 백오피스 상품 등록 신설 |
tech | TypeScript, React, Mobx, antd |
schedule | Notion |
documentation | Notion |
Problem Statement (배경 및 문제상황)
•
클라이언트 플랫폼에서 옵션 다중 기능이 가능해야한다.
•
상품등록이 백오피스에서도 가능해야한다.
•
옵션정보를 백오피스에서도 컨트롤할 수 있어야한다.
•
상품이미지만 입력해도 자동으로 상품상세컨텐츠가 생성되어야한다.
•
상품을 일괄등록 할 수 있어야한다.
Proposed Work (작업제안)
•
UX 통합을 위해, 상품상세 컴포넌트에서 대부분을 사용하고, 미입력 구간을 입력하는 구좌로 변경하여 등록 신규 페이지를 노출
•
옵션 영역의 경우, 신규로 새로 도출 (네이버의 스마트스토어 방식으로 제안)
•
컨텐츠의 경우, 이미지만 입력할 경우, 서버에 보내기 직전 HTML DOM을 만들어 보내버리는 방식으로 구현
•
상품 일괄 등록은 엑셀 기능을 활용
•
기본정보, 옵션정보, 컨텐츠정보, 고시정보는 각각의 공통컴포넌트로 분리하여, 상품상세/수정/등록에서 사용할 수 있도록 리펙토링 진행
Role (담당역할)
백엔드 제외, 프론트 2명으로 진행한 작업입니다.
•
백오피스 개발 담당
•
협업부서 커뮤니케이션
•
작업 설계
•
상품 옵션 컴포넌트 개발
•
컨텐츠 HTML 컴포넌트 - 공정거래위원회 항목 연동 기능 개발
•
이미지 삽입 후, 자동으로 컨텐츠에 삽입하는 기능 개발
작업결과
상품 기본 정보
상품 옵션 정보
1. 옵션 정보 입력
2. 옵션 정보 삽입
