버전 비교

  • 이 줄이 추가되었습니다.
  • 이 줄이 삭제되었습니다.
  • 서식이 변경되었습니다.

이번 X2BEE 릴리즈에서는 스토어 프런트 리액트(Store Front React) 버전의 신규 시스템을 업데이트하였습니다. 이 업데이트를 통해 X2BEE를 활용한 온라인 커머스 구축 시, 컴포넌트 기반의 디자인 시스템을 제공하여 스토어 프런트의 디자인 작업 및 개발 프로세스를 획기적으로 단축시킬 수 있습니다.

주요 특징

  1. 컴포넌트 기반 디자인 시스템: 독립적인 컴포넌트를 조합하여 유연하게 사용할 수 있어 개발 생산성이 향상됩니다.

  2. 반응형 UI: 데이터 변경 시 해당 내용만 업데이트하는 방식으로 빠른 로딩 속도와 반응성 높은 UI를 구현합니다.

  3. 범용적인 UI 프레임워크 채용: 다수의 기업에서 채용하고 있는 UI 프레임워크를 사용하여 개발 편의성을 높였습니다.

  4. 개발 프로세스 간소화: 기존의 개발 프로세스에서 다르게 X2BEE 스토어 디자인 시스템을 적용(디자인 → CSS 변경 → BO/전시 연결 관리 → 변경 내용 확인 → 완료)하여 개발기간을 단축시킬 수 있습니다.

개발 스팩

구성요소

라이브러리/프레임워크

버전

웹 애플리케이션 프레임워크

NextJS-

14.1.4

프론트엔드 개발 프레임워크

React-

18.2.0

상태 관리 라이브러리

Zustand-

4.5.2

정적 타입 지원 언어

Typescript-

5.3.3

CSS 프레임워크

Tailwindcss-

3.4.3

자바스크립트 코드 검사 도구

Eslint-

8.22.0

코드 포맷터

Prettier-

3.2.5


1.상품 탐색 및 검색

고객이 원하는 상품을 쉽게 찾을 수 있도록 탐색 및 검색 기능을 제공합니다.

주요 내용

  • 메인 화면에 스와이프, 아이콘, 기획전, 추천상품 등 다양한 배너 유형 추가

  • 카테고리 필터와 정렬 옵션 제공

  • X2BEE Search 검색엔진 도입으로 정확한 검색 결과 제공

  • 연관 검색어와 상품 추천 기능 추가

대상 API

(tick) 메인

스크린샷_29-3-2024_171134_fo.x2bee.com.jpeg

(tick) 통합 검색

스크린샷_1-4-2024_134534_fo.x2bee.com.jpeg


2. 브랜드몰 및 기획전

브랜드 상품, 기획전, 인기 상품 랭킹 정보를 제공하는 기능을 제공합니다.


주요 내용

  • 기획전 목록에서 대표 이미지/동영상, 쿠폰, 최신 기획전 배너 시각화

  • 좋아요, 공유하기, 기획전 그룹/브랜드별 노출, 상품 정렬 기능 제공

  • 입점 브랜드 상품을 한곳에서 확인할 수 있는 브랜드몰 추가

  • 추천 브랜드 기능 신설

  • 사이트 내 최근 14일 판매 랭킹 상품 정보(전체 및 카테고리별) 제공

대상 API

(tick) 기획전

스크린샷_1-4-2024_112742_fo.x2bee.com.jpeg

(tick) 브랜드

스크린샷_1-4-2024_112856_fo.x2bee.com.jpeg

(tick) 랭킹존

스크린샷_1-4-2024_113216_fo.x2bee.com.jpeg


3. 고객 참여 및 이벤트

상품 상세페이지에서 고객 참여를 유도하는 기능과 함께 다양한 이벤트 유형을 지원합니다.

주요내용

  • 상품 상세페이지에 좋아요, 공유하기, 상품평(전체/유형별 보기, 평점, 정렬), Q&A 기능 제공

  • 추첨, 응모, 룰렛, 설문 등 8가지 이벤트 유형 지원

  • 필터와 카테고리로 원하는 이벤트 탐색 가능

대상 API

(tick) 상품상세

스크린샷_1-4-2024_114243_fo.x2bee.com.jpeg

(tick) 이벤트

스크린샷_1-4-2024_113123_fo.x2bee.com.jpeg

4. 주문 및 배송 관리

장바구니와 주문서 기능을 강화하여 주문 및 배송 관리 할 수 있도록 구현했습니다.

주요내용

  • 장바구니에서 상품 추가/변경, 결제예상금액, 배송비, 혜택, 사은품 정보 확인 가능

  • 주문서에서 다양한 결제수단 선택 및 배송지 변경, 선물/정기/다중 배송 가능

대상 API

(tick) 장바구니

스크린샷_1-4-2024_132559_fo.x2bee.com.jpeg

(tick) 주문/결제

스크린샷_1-4-2024_132827_fo.x2bee.com.jpeg


5. 고객 서비스

마이페이지와 고객센터를 통해 통합적인 고객 서비스를 제공합니다.

주요내용

  • 마이페이지에서 주문, 정기주문, 쿠폰, 마일리지, 상품평, 이벤트, Q&A 등 통합 관리

  • 고객센터에서 공지사항, 자주 묻는 질문 확인 및 1:1 문의 가능

  • 안전한 회원가입 절차와 간편한 로그인 기능 제공

대상 API

마이페이지

고객센터

회원

(tick) 마이페이지

fo.x2bee.com_member_mypage.png

(tick) 로그인

스크린샷_1-4-2024_132036_fo.x2bee.com.jpeg

(tick) 회원가입

스크린샷_1-4-2024_131429_fo.x2bee.com.jpeg