구현 살펴보기

모듈 활용

상품 탐색부터 장바구니·주문까지 이어지는 데모 스토어입니다. opt-ui로 구매 흐름의 입력과 피드백을 구성하고 opt-datagrid로 주문 레코드를 보여주며 Data SDK 계측을 결합합니다.

2개 모듈

구매 흐름과 동의 UI

Button·Input·Card로 로그인, 장바구니, 체크아웃과 동의 배너를 구성합니다. OptThemeProvider와 ToastProvider는 테마와 공통 피드백을 제공하고 EmptyState는 주문·장바구니가 비었을 때 쓰입니다.

API와 사용 파일 4개 보기

주문 내역 표

OrdersGrid에서 DataGrid에 주문 레코드와 열 정의를 전달합니다. 상품 카탈로그는 별도의 스토어 UI이며 주문 목록에만 그리드를 적용합니다.

API와 사용 파일 1개 보기

의존 그래프

첫 단계는 템플릿이 사용하는 패키지입니다. 깊이 2에서 사용 컴포넌트와 어댑터 연결을, 깊이 3에서 카탈로그의 하위 의존 관계를 펼쳐 볼 수 있습니다.

그래프 깊이