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로 전환 권장