baraco.crowny.org v3.5 — 종합 고도화
개요
기존 v3.0(Auth+Payment+Chat+Orders+Invest) 플랫폼을 실제 이커머스 수준으로 고도화.
서버 API 11개 신규 추가, 프론트엔드 8대 기능 추가.
서버 API 추가 (v3.5)
| 엔드포인트 | 메서드 | 용도 |
|---|
/api/reviews | GET | 리뷰 조회 (제품별/브랜드별 필터) |
/api/reviews | POST | 리뷰 작성 (별점+텍스트) |
/api/products/search | GET | 제품 검색 (q=키워드, brand=필터) |
/api/wishlist | GET | 관심 상품 조회 (인증 필수) |
/api/wishlist | POST | 관심 상품 토글 (추가/제거) |
/api/orders/ORD-* | GET | 주문 단건 상세 (결제정보 포함) |
/api/admin/orders | GET | 관리자: 전체 주문 조회 |
/api/admin/orders/status | PUT | 관리자: 주문 상태 변경 |
프론트엔드 신규 기능
1. 회원 인증 UI
- 로그인/회원가입 모달 (탭 전환)
- PIN 기반 인증 (4~6자리)
- 네비게이션: 로그인/사용자명 표시
- 드롭다운 메뉴 (My Page, Logout)
- 세션 유지 (localStorage)
2. 장바구니 드로어
- 우측 슬라이드 패널
- 수량 조정 (+/-)
- 개별 아이템 삭제
- 총액 실시간 계산
- localStorage 영속 저장
3. 브랜드 필터 + 검색
- ALL / MISMIZ / DR.OBGYN / TIRATO / CROWNY 탭
- 실시간 검색바 (250ms 디바운스)
- 검색 + 필터 조합 가능
4. 제품 이미지 카드
- Shop 카드에 제품 이미지 표시
- 이미지 로드 실패 시 브랜드 이니셜 플레이스홀더
- 카드 클릭 → 제품 상세 모달
5. 제품 상세 + 리뷰
- 대형 이미지 + 브랜드/가격/용량 정보
- 리뷰 목록 (별점 + 텍스트 + 작성일)
- 평균 별점 표시
- 리뷰 작성 폼 (별점 선택 인터랙션)
- 비로그인도 이름 입력으로 리뷰 가능
6. 마이페이지
- 주문 내역 (상태별 색상 배지)
- 투자 포트폴리오
- 관심 상품 목록
- 탭 전환 UI
7. 결제 안내 모달
- 주문 완료 후 입금 정보 표시
- 은행/계좌/예금주/금액 명확 안내
- 24시간 입금 안내 경고
8. 토스트 알림
- 우상단 슬라이드 알림
- ok/err/info 3종 스타일
- 3.5초 자동 소멸
보안 개선
- 모든 사용자 입력 HTML 이스케이프 (esc 함수)
- 주문/투자 모달에 로그인 시 자동 폼 채움
- 위시리스트 인증 필수 체크
한선씨 동반
바라코서버v3.한선 — 리뷰/검색/위시리스트/인증/주문/투자/대화 로직
- 컴파일 성공 (126KB TOAU)
- 학습DB 등록 완료
관련 파일
/Users/ef/crowny-baraco/server.js — v3.5 서버 (28개 API)
/Users/ef/crowny-baraco/web/index.html — v3.5 프론트엔드
/Users/ef/crowny-baraco/바라코서버v3.한선 — 한선씨 동반
/Users/ef/crowny-baraco/data/reviews.json — 리뷰 데이터
/Users/ef/crowny-baraco/data/wishlist.json — 위시리스트 데이터
v3.5.1 — 비중 조정 + 3분기 로드맵 (2026-05-03)
핵심 변경: 네러티브 전환
바라코 회사 소개 사이트 → 크라우니바라코 플랫폼 사이트
| 요소 | Before (바라코 중심) | After (크라우니 플랫폼 중심) |
|---|
| 타이틀 | "BARACO — Bio Reverse-Aging" | "CROWNY BARACO — 마이크로 펀딩 & 개발 의뢰" |
| 히어로 | "The Science of Reverse-Aging" | "투자하고, 함께 만들고, 함께 성장하세요" |
| About | 바라코 회사 소개 | 플랫폼 역할 분리 (Crowny=운영, Baraco=제조) |
| Business | 3대 핵심 사업 | "두 가지 참여 방법" (투자 vs 개발의뢰) |
| OEM/ODM | 단순 프로세스 | "왜 여기에 맡겨야 하는가" 4가지 설득 |
| Philosophy | BRA | ICG (Invest/Create/Grow) |
| Global | 수출 국가 | 플랫폼 현황 (누적 펀딩/투자자/프로젝트) |
| Footer | (주) 바라코 | 크라우니바라코 (제조 파트너: 바라코) |
투자 섹션 대폭 강화
왜 투자해야 하는가 4가지 설득 카드:
검증된 제조 파트너 (10년+ / 5개국)
낮은 진입 장벽 (1만원~ / 분산)
투명한 진행 추적 (마일스톤별)
실물 혜택 (할인/선출시/한정판)
투자 프로세스 4단계 시각화
기존 투자 프로젝트 카드는 하단으로 이동개발 의뢰 섹션 신규 (id="develop")
왜 크라우니바라코에 맡겨야 하는가 4가지:
직접 공장 찾을 필요 없음
100개부터 소량 가능
처방~패키징 원스톱
수출까지 한 번에
6단계 프로세스 (구체적 소요 기간 명시)
CTA: "6~12주 만에 출하"3분기 로드맵 (id="roadmap")
| 분기 | 핵심 목표 | KPI |
|---|
| Q3 2026 | 시제품 완성 + 의뢰 수주 | 1.5억 펀딩, 100 투자자, 5건 의뢰, 2종 시제품 |
| Q4 2026 | 양산 + 첫 수익 분배 | 3억 펀딩, 250 투자자, 15건 의뢰, 1차 수익 분배 |
| Q1 2027 | 글로벌 확장 + 대형 프로젝트 | 5억+ 펀딩, 500 투자자, 3개국 수출, 30건 의뢰 |
v3.5.2 — 펨테크 포지셔닝 + BARACO R&D 소개 (2026-05-02)
핵심 변경: 펨테크 솔루션 플랫폼 포지셔닝
크라우니바라코 = 펨테크(FemTech) 솔루션 플랫폼으로 명확히 정의.
BARACO = Bio Reverse-Aging Cosmetic (바이오 역노화 코스메틱) 약자 표시.
| 변경 | 내용 |
|---|
| 타이틀/메타 | "펨테크 솔루션 & 마이크로 펀딩 플랫폼" |
| 히어로 라벨 | "FemTech Solution · Bio Reverse-Aging Cosmetic · Micro-Funding" |
| 히어로 설명 | 펨테크 솔루션 강조, BARACO 약자 표기 |
| About 제목 | "펨테크 솔루션 / 마이크로 펀딩 & 개발 의뢰" |
| 크라우니 역할 | "펨테크 솔루션 플랫폼" + 포네(Pone) 결제 연동 추가 |
| 바라코 역할 | 축소 (4항목, 1fr vs 1.5fr 비율) |
| R&D 섹션 | "R&D Partner — BARACO" + 회사 소개 카드 + 외부 링크 5개 |
| 브랜드 섹션 | "제조 파트너 브랜드"로 라벨 변경 |
| Shop | "예시 SAMPLE" 배지 + 포네 결제 안내 |
| How It Works | 제품 구매 → "예시" 배지 + 포네 결제 안내 |
| 인증 모달 | CROWNYBARACO + FemTech 표시 |
| 푸터 | "FemTech Solution — Bio Reverse-Aging Cosmetic" |
BARACO R&D 회사 소개 카드 (신규)
(주)바라코 611-86-02404
"Bio Reverse-Aging Cosmetic" 명칭
GMP/CGMP, FDA, ISO 22716, 100개+ 의료기관, 5개국 수출
외부 브랜드 사이트 링크:
mismizbio.com, mismizglobal.com, obgyn.kr, tirato.co.kr, crowny.kr포네(Pone) 결제 표기
- Shop 섹션 전체가 "예시"로 표기
- 실제 판매는 포네 결제 시스템으로 진행 예정
- How It Works 03번 "제품 구매"에도 예시 배지 추가
v3.5.3 — 출석체크 이벤트 + 방사형 셀 게시판 (2026-05-03)
출석체크 이벤트 — 3진법 보상 체계
| 연속일 | 보상 (맘) | 3진법 |
|---|
| 매일 | 1 맘 | 3⁰ |
| 3일 | 3 맘 | 3¹ |
| 6일 | 9 맘 | 3² |
| 9일 | 27 맘 | 3³ |
| 12일 | 81 맘 | 3⁴ |
| 15일 | 243 맘 | 3⁵ |
| 18일 | 729 맘 | 3⁶ |
- 조건: 출석체크 + 사이트 둘러보기 + 글 1건 작성
- 18일 연속 729맘 달성 시 화장품 선물
- 월간 달력 표시, 연속 티어 시각화
방사형 셀 게시판
3가지 관계 유형:
topic — 새 주제 생성
reply — 타인 글에 댓글
followup — 본인 글에 추가글
트리 구조: 어떤 글이든 하위에 글을 달 수 있음 (무한 depth)
브레드크럼 네비게이션: 전체 → 부모 → 현재 위치
방사형 로직: 각 글이 셀(cell), 하위 연결이 방사형 확장서버 API 추가 (v3.5.3)
| 엔드포인트 | 메서드 | 용도 |
|---|
/api/attendance | GET | 출석 현황 (연속일, 총 맘, 달력) |
/api/attendance | POST | 출석체크 (하루 1회) |
/api/posts | GET | 게시글 조회 (root=1 or parent=ID) |
/api/posts/POST-* | GET | 단건 상세 + 자식글 + 조상 경로 |
/api/posts | POST | 게시글 작성 (topic/reply/followup) |
한선씨 동반
바라코서버v3.한선 업데이트: 맘보너스, 출석체크, 게시글생성, 자식글수 함수 추가
- 컴파일 성공 (149KB TOAU, 1359 토큰, 5326 큐브)
잔여 이슈