미리보기 안에서 이동한 화면도 이 탭의 뒤로 가기 기록에 쌓입니다. 오래 둘러보려면 새 창으로 여세요.
한눈에 보기
담다 쇼핑은 코코드가 Flutter · CoUI · Serverpod 로 만든 작은 온라인 쇼핑몰 앱 샘플입니다. 손님 앱에서는 기획전 · 카테고리 · 검색으로 상품을 찾고 옵션을 골라 장바구니에 담은 뒤 주문 · 결제 화면까지 이어 가며, 관리자 콘솔에서는 새 주문을 확인하고 배송 준비 · 송장 입력 · 발송 처리를 합니다. 코코드는 이런 쇼핑몰 앱과 관리자 화면을 기획부터 개발 · 배포 · 유지보수까지 외주로 맡습니다.
- 종류
- 작은 온라인 쇼핑몰을 위한 쇼핑 · 주문 관리 앱
- 구성
- 손님 앱 · 관리자 콘솔 · 위젯북 · 골든 갤러리 · 프로젝트 문서
- 기술
- Flutter · CoUI · Serverpod · Widgetbook
- 체험
- 가입 없이 브라우저에서 · 예시 데이터로 동작
- 만든 곳
- 코코드 주식회사 (Cocode)
주요 기능
기능 6가지
- 상품 둘러보기홈의 기획전과 새로 들어온 상품에서 시작해, 카테고리 · 정렬 · 검색으로 상품 8종을 찾아봅니다.
- 상품 상세사이즈 · 색상을 고르고 상세 정보 · 배송 · 교환 탭을 본 뒤, 장바구니에 담거나 바로 구매합니다.
- 장바구니수량을 바꾸거나 고른 상품을 지우면 상품 금액 · 할인 · 배송비가 다시 계산됩니다. 5만 원 이상이면 배송비가 무료예요.
- 주문 · 결제배송 요청과 결제 수단을 고르고 결제하면 주문 번호가 적힌 완료 화면이 나옵니다. 산 상품은 장바구니에서 빠져요.
- 관리자 대시보드새 주문 · 배송 준비 · 오늘 매출 · 재고 부족 카드와 새 주문 목록, 오늘 많이 팔린 상품을 한눈에 보고, 새 주문은 그 자리에서 배송 준비로 넘깁니다.
- 주문 처리 · 발송주문 목록을 상태별로 걸러 보고, 주문을 열어 배송 준비로 넘긴 뒤 택배사 · 송장 번호를 넣어 발송 처리합니다.
체험 계정
앱과 콘솔 모두 첫 화면의 「데모 계정 선택」에서 계정을 고르면 비밀번호 없이 들어갑니다.
- 손님상품 둘러보기 · 검색 · 상품 상세 · 장바구니 · 주문 · 결제
- 관리자대시보드 · 주문 목록 · 주문 상세 · 배송 준비 · 송장 입력
둘러볼 화면
브라우저에서 바로 열리는 곳 5곳 — 모두 새 창으로 열립니다.
기술 스택
데모 환경 안내
- 가상의 온라인 쇼핑몰로 만든 체험용 데모입니다. 실제 결제 · 배송 · 문자 발송은 하지 않습니다.
- 서버 없이 이 브라우저의 예시 데이터로 체험하며, 새로 고침하면 처음 상태로 돌아갑니다. 실제 개인정보를 입력하지 마세요.
- 언어를 바꿔도 보던 화면은 그대로 남고, 상품 · 이름 · 주소 같은 예시 데이터는 고른 언어로 바뀝니다.
- 손님 앱의 주문 내역 · 마이 · 상품 후기와 콘솔의 상품 · 고객 · 매출 · 설정 화면은 아직 준비 중입니다.
자주 받는 질문
쇼핑몰 앱과 주문 관리 화면을 함께 외주로 개발할 수 있나요?
네. 이 데모처럼 손님이 쓰는 앱과 운영팀이 쓰는 관리자 콘솔을 한 팀이 함께 만듭니다. 상담 뒤 1주 동안 고객용 · 관리자 화면 목록을 정리해 견적과 계약을 진행하고, 상품 등록 · 주문 조회 · 회원 관리처럼 운영팀이 직접 하는 일은 관리자 화면에서 처리할 수 있게 만듭니다.
비용은 어떻게 정해지나요?
만들 범위에 따라 달라집니다. 범위를 먼저 함께 정리한 뒤 견적을 드리며, 비용을 정하는 기준과 계약 방식은 진행과 비용 페이지에서 확인하실 수 있습니다.
기간은 얼마나 걸리나요?
만들 범위에 따라 다릅니다. 생각하고 계신 서비스를 알려주시면 기간부터 같이 따져 보겠습니다. 진행 중에는 매주 작동하는 중간 버전을 링크와 테스트 앱으로 확인하실 수 있습니다.
저작권과 소유권은 누구에게 있나요?
검수 완료 및 대금 완납 시 저작재산권 전부가 귀사에 귀속됩니다 — 2차적저작물작성권을 포함하며, 저희는 산출물에 대한 저작인격권을 행사하지 않습니다. 계약서에 명시합니다.
CoUI 처럼 여러 프로젝트에서 함께 쓰는 공통 부품은 양도 대상에서 제외되는 대신, 소스 사본과 기간·수량·지역 제한 없는 사용·개작 권한을 함께 드립니다. 귀사 고유의 업무 로직·데이터 구조·브랜드 요소는 전부 귀사에 귀속됩니다.
결제나 배송 연동은 어떻게 하나요?
이 데모의 결제와 배송은 모의로 동작해 실제 결제나 문자 발송은 하지 않습니다. 실제 쇼핑몰은 결제 대행사 · 택배사 같은 외부 서비스와의 연동 범위를 상담에서 정하며, 외부 서비스 연동은 견적에 영향을 주는 항목입니다.
이런 시스템이 필요하신가요
세 줄만 적어서 보내 주셔도 됩니다. 범위 정리는 거기서 시작합니다.