X2BEE는 기술 스택 고도화를 통해 X2BEE 3.0으로 업데이트를 진행하였습니다. Next.js 프레임워크 도입과 Front SHOP과 Back-Office 기술 통합을 완료하여 시스템 아키텍처를 혁신적으로 개선하였습니다. 이를 통해 사용자 경험과 개발 생산성을 대폭 향상 시켰으며, 급변하는 이커머스 시장의 요구사항에 더욱 유연하게 대응할 수 있습니다.
...
주요 변경 및 개선 사항
1. 프론트(Front)와 BO(Back-Office) 기술 스택 통합
React 및 Next.js 프레임워크로 프론트와 백오피스 기술 스택을 통일하여 개발 효율성과 유지보수성을 개선하였습니다.
통합된 코드 베이스를 통해 일관된 사용자 경험을 제공합니다.
2. 사용자 경험(UX) 향상
머트리얼 디자인(Material Design) 기반 UI 도입으로 다양한 디바이스에서 일관된 UX를 제공합니다.
UI 컴포넌트 기반 개발로 재사용성과 확장성 강화 되었습니다.
다크모드 지원/폰트변경/테마 사용 등을 통하여, 사용자 경험을 향상 시켰습니다.
3. 성능 최적화
SSR(Server-Side Rendering) 및 ISR(Incremental Static Regenaeration)적용하여 초기 로딩 시간을 단축하여 필요한 데이터를 더 빠르게 확인할 수 있습니다.
코드 분할 및 동적 임포트 기술이 적용되어 필요한 모듈만 로드하여 애플리케이션 성능을 최적화 하였습니다.
4. 개발 생산성 증가
핫 모듈 리플레이스먼트(HMR) 기능을 활용하여 코드 변경사항을 실시간으로 반영하였으며, 풍부한 React/Next.js 생태계와 라이브러리를 활용하여 개발 속도를 한층 향상 시켰습니다.
5. UI 및 유지보수 효율성 강화
MUI(Material UI) 도입으로 커스터마이징과 반응형 디자인을 더 쉽게 구현할 수 있도록 하고, TypeScript 지원으로 코드 안정성 확보와 품질을 향상 시켰습니다.
...
컬럼 추가:
ST_RT_TGT_BASE
테이블에initial
(varchar(20))재입고 발송 상태
PR071
코드 추가: 미발송 / 10, 발송완료 / 20, 기간만료 / 30, 고객취소 / 40st_rt_tgt_base_apollo_ml
테이블 생성:컬럼:
rt_tgt_seq
(VARCHAR(15), NOT NULL)lang_cd
(VARCHAR(10), NOT NULL)rt_tgt_nm
(VARCHAR(200), NOT NULL)sys_reg_id
(VARCHAR(30), NOT NULL)sys_reg_dtm
(TIMESTAMP, NOT NULL)sys_mod_id
(VARCHAR(30), NOT NULL)sys_mod_dtm
(TIMESTAMP, NOT NULL)
Primary Key:
(rt_tgt_seq, lang_cd)
Index:
sys_mod_dtm
2. 개발 가이드 업데이트 안내
개발 가이드구분 | 업데이트 내용문서 연결 | |
---|---|---|
1 | 프로젝트 준비하기 | |
2 | Framework 가이드 | |
3 | 그리드 | |
4 | 개발 시작하기 |
...