class.crowny.org 수료생 작품 쇼케이스 페이지
개요
class.crowny.org(크라우니클래스)에 수료생 포트폴리오·팀 프로젝트를 전시하는 신규 페이지
showcase.html을 구축. 사용자 지시: "학생들 디자인보다는 좋은 서비스페이지 만들기" — 전시 대상인 학생 작품들보다 디자인 품질이 한 수 위여야 함.
무엇을 했는지
- showcase.html 신규 — 라이브 API(
GET /api/community/portfolios, :9864, 21건: 18기 개인 13명 + 8기 팀플 8팀)를 fetch로 실시간 소비, 하드코딩 없음.
- 히어로: 스탯 타일(작품/취업완료/기수) 자동 집계
- 취업 성공 스토리: status=취업완료 3명(서지원·우희진·이윤서) 골드 하이라이트 카드
- 18기 개인 포트폴리오: 이니셜 아바타 그리드(지원중=옴색 뱃지, 나머지=무배지)
- 8기 팀 프로젝트: 창작 4팀(자린고비·트랙시·홀로·노톡) + 개선 4팀(상상의문·부자관광·시스템치과·예네)
- 하단 CTA → join.html
- 디자인 상회 요소: 크라우니디자인 토큰(라이트 #FAF9F7/#C9A961/#D4743A, 다크 #0A0908/#F4E9D8) 내에서 stagger fade-in(
@keyframes fadeInUp + animation-delay: calc(var(--i)*70ms)), 호버 리프트(translateY+box-shadow), 취업완료 카드 골드 링+글로우, 팔레트 내부 순환 그라데이션 아바타(4종 조합), prefers-reduced-motion 대응.
- index.html 외과적 패치 — 무료 맛보기 섹션 아래 "수료생 성과" 티저 섹션 삽입(작품/취업완료 실시간 수치 + showcase.html 링크 버튼). 기존 구조·토큰 불변.
- 쇼케이스.한선 신규 동반 (
/Users/ef/crowny-class/한선씨/쇼케이스.한선) — 실로직 3종을 한선씨로 작성·컴파일·실행 검증:
-
상태4상(상태): 취업완료=1(티)/지원중=0(옴)/그외=-1(무배지)
-
이니셜(이름): 부분(이름,0,1) 1글자 추출
-
스탯집계(기수들,상태들,n): 맵 기반 전체/취업완료/지원중/기수수 집계
- 21건 실 데이터 스냅샷으로 메인() 실행 → 전체21·취업완료3·지원중2·기수수2 전부 일치 확인(컴파일+실행 성공)
관련 파일
/Users/ef/crowny-class/public/showcase.html (신규)/Users/ef/crowny-class/public/index.html (패치: 티저 섹션 CSS+HTML+JS 3곳)/Users/ef/crowny-class/한선씨/쇼케이스.한선 (신규, 컴파일 검증 완료)
검증
- 태그 짝 검사(div/section/nav/a/html/body/head/style/script) 전부 OK
curl -s http://127.0.0.1:9864/showcase.html → 200, index.html → 200- API 필드명(owner/name/intro/cohort/type/status/itemCount/items[title,link,imageUrl]) JS와 실측 대조 완료
- 한선씨 컴파일:
hanseonc_high 1007토큰/3460큐브, crownyc run 정상 실행, 기대값 전부 일치
크라우니코드 프로토콜
lookup HIT 2건(이니셜추출·상태뱃지 — 웹코드 프레임워크용이라 직접재사용 불가, 신규작성 참고만) / MISS 5건(상태4상·뱃지라벨·이니셜·스탯집계·메인 신규생성) / learn 추가 6건(PostToolUse 자동훅: fn_쇼케이스_상태4상·뱃지라벨·이니셜·스탯집계·메인·auto_쇼케이스)
잔여 이슈
- 없음. 서버 재기동 없이 정적 파일만 추가/수정(라이브 :9864 무접촉 원칙 준수).