v4.0.0: UNIARE 리브랜딩·레이아웃·덱 UX 개선

제품명·헤더 로고 이미지 통일, 덱 이름 변경·조회 수 제거, 썸네일 홀드 미리보기를 누르는 동안만 표시하도록 수정하고 Tailwind CSS를 재빌드했다.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-06-23 11:19:07 +09:00
parent 2228757ea5
commit a281d731a1
32 changed files with 201 additions and 1910 deletions

View File

@@ -1,6 +1,6 @@
# 옆 프로젝트 API 연동 가이드
UADECK v4부터 덱 데이터는 **공유 코드 + REST API**로 제공합니다.
UNIARE v4부터 덱 데이터는 **공유 코드 + REST API**로 제공합니다.
URL 쿼리(`?cards=`) 방식은 사용하지 않습니다.
## 공식 엔드포인트
@@ -48,7 +48,7 @@ GET https://uniare.sori.studio/api/v1/decks/:shareCode
| 방법 | 예시 |
|---|---|
| UADECK 공유 버튼 | `https://uniare.sori.studio/d/x7Kp9m2Q` |
| UNIARE 공유 버튼 | `https://uniare.sori.studio/d/x7Kp9m2Q` |
| URL 파라미터 | `cardList.html?d=x7Kp9m2Q` |
| 코드만 | `x7Kp9m2Q` |
@@ -115,7 +115,7 @@ https://uniare.sori.studio/images{imgSrc}
## CORS
다른 도메인에서 브라우저 `fetch`를 쓰려면 UADECK 서버 `.env`의 `CORS_ORIGINS`에 해당 origin을 추가하세요.
다른 도메인에서 브라우저 `fetch`를 쓰려면 UNIARE 서버 `.env`의 `CORS_ORIGINS`에 해당 origin을 추가하세요.
```
CORS_ORIGINS=https://your-app.sori.studio,https://uniare.sori.studio

View File

@@ -24,7 +24,8 @@
## CSS 규칙
- 공통 UI는 가능한 한 Tailwind 유틸리티 클래스를 우선 사용한다.
- `style/output.css`에 포함되지 않은 유틸리티 클래스는 적용되지 않으므로, 페이지 특화 스타일은 인라인 `<style>` 또는 전용 CSS 파일(`style/auth-pages.css` 등)에 명시한다.
- `style/output.css`는 **빌드 산출물**이다. HTML 등에 새 Tailwind 클래스를 추가한 뒤 `npm run build:css`로 재생성한다.
- `style/output.css`에 포함되지 않은 유틸리티 클래스는 적용되지 않으므로, 빌드 전까지는 페이지 특화 스타일을 인라인 `<style>` 또는 전용 CSS 파일(`style/auth-pages.css` 등)에 명시한다.
- 페이지 특화 보정 스타일만 인라인 `<style>` 또는 전용 CSS 파일에 둔다.
- 캡처 안정성처럼 이유가 분명한 예외 스타일은 주석으로 목적을 남긴다.

View File

@@ -1,4 +1,4 @@
# NAS 배포 가이드 (UADECK v4)
# NAS 배포 가이드 (UNIARE v4)
## 1. 사전 준비

View File

@@ -1,7 +1,7 @@
# 기술 명세
## 1. 프로젝트 개요
- 프로젝트명: `UADECK V4.0.0 - Union Arena Deck Builder`
- 프로젝트명: `UNIARE - Union Arena Deck Builder` (표시명 UNIARE, 내부 API 식별자 일부는 `uadeck` 레거시 유지)
- 형태: 정적 HTML/CSS/JavaScript 프론트 + Docker API 백엔드
- 패키지 의존성 (프론트): `tailwindcss`, `@tailwindcss/cli`
- 패키지 의존성 (API): `express`, `better-sqlite3`, `bcryptjs`, `jsonwebtoken`, `cors`

View File

@@ -1,5 +1,33 @@
# 업데이트 이력
## 2026-06-22 / v4.0.0 — 덱 카드 조회 수 제거
### 수행 작업
- `deckHistory.html`, `preset.html`: 카드 메타에서 조회 수 표시 제거 (저장일·작성자만 유지)
## 2026-06-22 / v4.0.0 — 제품명 UNIARE·로고 이미지
### 수행 작업
- 표시 제품명 `UADECK` → **UNIARE** (페이지 title, i18n, 관리자, 연동 문서)
- 상단 헤더 텍스트 로고 → `images/assets/uniare-h48.png` 이미지 로고
- 이미지 다운로드 파일명 접두사 `uadeck_` → `uniare_`
- 내부 호환 유지: `UaDeckApi`, `uadeck_token`, `uadeck.db`, `UADECK_API_BASE` 등
## 2026-06-22 / v4.0.0 — Tailwind CSS 재빌드
### 수행 작업
- `package.json`: `npm run build:css` 스크립트 추가
- `style/output.css` 재생성 — `sm:px-6` 등 HTML에 추가됐으나 빌드에 없던 클래스 반영
- `cardList.html`, `result.html`: `px-4 sm:px-6` 유지 (클래스 우회 제거)
## 2026-06-22 / v4.0.0 — 레이아웃·덱 이름 변경
### 수행 작업
- 헤더 `v4.0.0` 표시 제거 (로그인 페이지 하단 푸터에만 작게 표시)
- `deckHistory.html`: 더보기 메뉴에 **이름 변경** 추가 (`PUT /decks/:code`)
- `cardList.html`, `result.html`: 콘텐츠·헤더 최대 너비 `1400px` → **1280px** (`max-w-7xl`) 통일
- `profile.css`: 프로필 본문 `max-width: 42rem` 제거 → 내 덱·공개 덱과 동일한 `app-main` 너비
## 2026-06-22 / v4.0.0 — Docker 서비스명 `uniare-*` 통일
### 수행 작업
@@ -45,7 +73,7 @@ npm stop && npm start
## 2026-06-19 / v4.0.0 — 공개 덱 미리보기 수정
### 수행 작업
- `deck-preview-hold.js`: mouseleave 즉시 닫힘 버그 수정, 클릭 고정·길게 누르기 동시 지원
- `deck-preview-hold.js`: mouseleave 즉시 닫힘 버그 수정, 길게 누르는 동안만 확대 (짧은 클릭 고정 제거)
- ~~안내 문구:「클릭·길게 눌러 크게 보기」~~ → 이후 제거됨
## 2026-06-19 / v4.0.0 — 프로필 덱 저장 설정 UI