# 업데이트 이력 ## 2026-06-19 / v4.0.0 ### 수행 작업 - v4.0.0 회원·덱 API·공유 시스템 1차 구현 - `api/` Express + SQLite 백엔드 (인증, 덱 CRUD, 관리자 API) - `docker-compose.yml`, `.env.example`, `nginx/uadeck.conf` 추가 - 프론트: `script/api.js`, `script/auth-header.js`, `style/auth-header.css` - 신규 페이지: `login.html`, `signup.html`, `deckHistory.html`, `preset.html`, `admin.html` - `index.html` v4.0.0 + 프로필 헤더 - `cardList.html`: `?cards=` 제거, `?d=` API 로드, 저장·공유 버튼 - `result.html`: localStorage 기반, 프로필 헤더 - `docs/spec.md` §9 API·DB 명세 반영 ### 배포 방법 1. `.env.example`을 `.env`로 복사 후 `JWT_SECRET`, `ADMIN_EMAIL`, `ADMIN_PASSWORD` 설정 2. `docker compose up -d --build` 3. 리버스 프록시에 `nginx/uadeck.conf` 규칙 적용 (`/api/`, `/d/`) ### 메모 - 비회원도 저장·공유 가능 (30일 만료). 회원은 영구 저장. - 외부 연동: `GET /api/v1/decks/:shareCode`, 클라이언트 `integrations/uadeck-deck-client.js` ## 2026-06-19 / v4.0.0 덱 저장 UX ### 수행 작업 - `cardList.html` 저장·공유 버튼 제거 - `result.html` 하단 Back 제거 →「내 덱에 저장」「공유」버튼 추가 - 저장·공유 시 Preview 이미지 PNG 함께 API 저장 (`preview_image`) - 덱 이름: 입력값 없으면 `시리즈명 YYYY-MM-DD` - `deckHistory.html` 미리보기 썸네일 표시 - 로그아웃 시 메인(`/`)으로 이동 - `seedAdmin`: `ADMIN_EMAIL`로 먼저 가입한 경우 역할을 `admin`으로 승격 (기존에는 INSERT 실패로 관리자 미생성) - `auth-header.js`: 프로필 메뉴 열 때 `/auth/me`로 role 재동기화 (관리자 메뉴 미표시 수정) - 관리자 API: JWT role 대신 DB role 확인 (`createRequireAdmin`) - `npm start` / `npm stop` / `npm run logs` 로컬 실행 명령 정리 (`package.json`) - 관리자 덱 관리 썸네일, 회원 모달 개편 (아바타·비밀번호 분리 모달) - 본인 계정 역할/비활성 변경 서버·UI 차단, 표시 이름 필드 제거 (사용자명 사용) ## 2026-06-19 / v4.0.0 — 공개 덱·관리자 UI ### 수행 작업 - 메타 덱: 관리자 프리셋 등록 폐기 → 사용자 `is_public` 공개 덱이 `/preset.html`(공개 덱)에 노출 - 내 덱 저장 기본 비공개, 공유 시 공개, 내 덱 관리에서 공개/비공개 전환 - 덱 이름 기본값: `YYYYMMDD_HHMMSS` (시리즈명 제외) - `admin.html` 레이아웃 개편 (`style/admin.css`), 프리셋 등록 탭 제거 - `preset.html` 카드 그리드 + 필터 UI ## 2026-06-19 / v4.0.0 — 프로필·아바타 ### 수행 작업 - **썸네일(프로필 사진) 미적용 원인**: JPEG 등을 `.png`로 그대로 저장해 브라우저 표시 실패 → 업로드 전 `canvas`로 PNG 변환 (`script/image-utils.js`) - `profile.html` 신규: 일반 사용자가 이메일·사용자명·아바타·비밀번호 변경 (`PUT /auth/me`, `POST /auth/me/password`) - 헤더 드롭다운에「내 프로필」추가 (`script/auth-header.js`) - 아바타 URL에 `updatedAt` 쿼리로 캐시 무효화 (저장 후 즉시 반영) - `admin.html` 아바타 업로드도 동일 PNG 변환 적용 - `script/api.js`: `updateProfile`, `changePassword` 추가 - `docs/spec.md` 인증 API 엔드포인트 보강 ### 확인 방법 1. `npm stop && npm start` 로 API 재시작 (auth 라우트 변경 반영) 2. http://localhost:8080/profile.html 에서 사진 업로드 →「프로필 저장」 3. 헤더 썸네일 클릭 →「내 프로필」메뉴 확인 ### 후속 - 헤더 프로필 버튼: 로그인 시 아바타 옆 사용자명 표시 (`auth-header.js`, `auth-header.css`) ## 2026-06-19 / v4.0.0 — 덱 저장 UX·네비게이션 ### 수행 작업 - `deckHistory.html`: `/d/코드` 경로 표시 제거 (링크 복사 버튼 유지) - `result.html` 하단 버튼: `홈으로` / `이미지로 다운로드` / `내 덱으로 저장` - 저장 시「모두에게 공개할까요?」모달 +「다음부터 물어보지 않기」토글 - `script/deck-prefs.js`: 공개 기본값·프롬프트 스킵 (localStorage + API 동기화) - `users` 테이블: `default_deck_public`, `skip_deck_public_prompt` 컬럼 추가 - `profile.html`: 덱 저장 설정 (기본 공개, 물어보기 on/off) - 뒤로가기 루프 수정: `result.html` 편집 복귀 시 `history.back()`, `cardList` ← 홈 버튼 ### 확인 - API 변경 반영: `npm stop && npm start` (또는 `docker compose up -d --build`) ## 2026-06-19 / v4.0.0 — 레이아웃 통일·광고 공간 ### 수행 작업 - `style/app-shell.css` 추가: 헤더·본문 `80rem`(1280px, index `max-w-7xl`과 동일) - `deckHistory.html`, `preset.html`, `profile.html` 공통 셸 적용 (페이지 이동 시 헤더 너비 점프 제거) - 데스크톱: 본문 좌측 + 우측 300px 광고 레일(`app-ad-rail`), 모바일: 상단 리더보드 슬롯 - 프로필 폼은 콘텐츠 영역 내 `max-width: 42rem` 유지 - `auth-pages.css`, `admin.css` 너비도 80rem으로 통일 ## 2026-06-19 / v4.0.0 — 덱 썸네일 수정 ### 수행 작업 - Preview 캡처 시 카드 이미지 로드 대기 + `cacheBust` 추가 (`result.html`) - 캡처 실패해도 덱 저장은 진행, 안내 메시지 표시 - `deckHistory.html`: `UaDeckApi.resolveMediaUrl()`로 미리보기 URL 보정 (Live Server 등) - 이미지 로드 실패 시 플레이스홀더 표시 - Docker 미리보기 저장 경로를 `./api/data/previews` 호스트 바인드 마운트로 변경 - API `getPreviewUrl`: DB `preview_image` 컬럼도 참고 ## 2026-06-19 / v4.0.0 UI — 내 덱 관리 ### 수행 작업 - `deckHistory.html` 카드 그리드 레이아웃으로 개편 (미리보기 이미지 상단 배치) - `style/deck-history.css` 추가: 상단 여백, 툴바, 카드 그리드 전용 스타일 - 시리즈별 필터 드롭다운 + 덱 이름·시리즈 검색 입력 추가 - Tailwind 미빌드 클래스 의존 제거 ## 2026-06-19 / v4.0.0 UI — result 하단 버튼 ### 수행 작업 - `result.html` 하단「내 덱에 저장」「공유」버튼이 `style/output.css`에 없는 Tailwind 클래스(`bg-slate-700`, `bg-emerald-600`)로 인해 보이지 않던 문제 수정 - 페이지 내 `