branding.crowny.org 업그레이드 — 2026-04-26
개요
크라우니 브랜딩 웹사이트(branding.crowny.org:9755)의 UX/기능 대폭 강화.
작업 내용
1. 모바일 햄버거 메뉴
- 기존: 모바일에서 nav-links가
display:none으로 완전히 숨겨짐 (치명적 UX 결��)
- 추가: 햄버거 아이콘 + 풀스크린 모바일 메뉴 (blur backdrop)
toggleMobile() / closeMobile() 함수로 제어
2. 스크롤 인 애니메이션
- IntersectionObserver 기반 reveal 애니메이션
.reveal (fade-up), .reveal-left, .reveal-right 3방향
- 모든 주요 섹션(14개)에 적용
- threshold 0.12, rootMargin -40px
3. 포트폴리오 섹션
- Differentiators 앞에 신규 섹션 삽입
- 4개 사례: 생태계 통합 BI, Play K-Culture, Mind TDT, Solution B2G
- 카드형 레이아웃 + 태그 + CTA ("포트폴리오 요청")
- nav 링크에도 추가
4. OG 메타태그 + 파비콘
- og:title, og:description, og:type, og:url, og:site_name
- twitter:card summary_large_image
- SVG 파비콘 (✦ 아이콘)
5. 관리자 대시보드 (/admin.html)
- 문의 목록 조회 (최신순 정렬)
- 상태별 필터링 (접수/검토중/진행중/완료/보류)
- 상태 변경 (드롭다운)
- 메모 추가 기능
- 통계 대시보드 (전체/신규/진행/완���)
- 30초 자동 새로고침
6. 서버 API 확장
POST /api/inquiry/:id — 상태 변경 + 메모 추가
GET /api/portfolio — 포트폴리오 목록
GET /api/stats — 통계 (상태별/서비스별 집계)
7. 한선씨 동반 업데���트
- 브랜딩서버.한선에 포트폴리오목록(), 문의통계() 함수 추가
- 새 API 라우트 (portfolio, stats, inquiries) 추가
- 크라우니코드 학습: 브랜딩포트폴리오목록, 브랜딩통계API 패턴
관련 파일
/Users/ef/crowny-branding/web/index.html — 2003줄 (1775→2003)
/Users/ef/crowny-branding/web/admin.html — 247줄 (신규)
/Users/ef/crowny-branding/server.js — 227줄 (191→227)
/Users/ef/crowny-branding/브랜딩서버.한선 — 222줄 (164→222)
잔여 이슈
- 관리자 인증 없음 (현재 /admin.html 직접 접속 가능 — 게이트웨이에서 제한 필요)
- 포트폴리오 이미지 없음 (placeholder 아이콘 사용 중)
- url.parse() 경고 — WHATWG URL API로 전환 권장