zenn/sori.studio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

관리자 미디어 대표 이미지 탭 정리

Browse Source
This commit is contained in:
zenn
2026-07-22 15:29:46 +09:00
parent 5e619bbe43
commit b61a6a2295
15 changed files with 184 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/convention.md
View File

@@ -38,7 +38,11 @@
## 문서 (update-log)
- `docs/update-log/`는 블로그 방문자용 업데이트 안내 초안이다.
- 방문자가 화면에서 체감하는 변화와 이용상 이점만 적는다. 관리자 전용 절차·내부 구현·배포·검증·수익(광고) 관련 내용은 넣지 않는다.
- v1.1 이후 글은 `안녕하세요.` / `` `sori.studio`입니다. `` 로 시작한 뒤, 버전 요지를 서두에 짧게 적는다. `조금 늦게 정리하는`, `이번 업데이트에서는`, `~한 기록입니다` 같은 표현은 쓰지 않는다.
- 제목은 `sori.studio vX.Y 업데이트 — {짧은 요약}` 형식을 쓴다. 요약은 한 단어가 아니라, 해당 버전의 핵심이 한눈에 들어오도록 짧은 구(대략 4~10자 내외의 의미 단위)로 적는다.
- 제목 바로 아래에 해당 minor(`.0`) 릴리스 날짜를 `YYYY년 M월 D일`로 적는다. 날짜는 `docs/update.md`·`docs/history.md`·`package.json` 버전 반영 시점을 기준으로 한다.
- 서두에 요지를 두므로 하단 `한 줄 요약`은 두지 않는다.
- 본문 소제목은 `달라진 점`을 기본으로 하고, 방문자가 화면에서 체감하는 변화와 이용상 이점만 적는다. 관리자 전용 절차·내부 구현·배포·검증·수익(광고) 관련 내용은 넣지 않는다.
- 내부 개선을 적을 때는 처리 과정이 아니라 결과(더 빠름, 더 안정적, 더 안전함 등)로 표현한다.
## 주석

2
docs/deploy.md
View File

@@ -1,7 +1,7 @@
# 배포 가이드
> v1.11.0은 v1.10 개발 구간을 마감한 minor 릴리스다. 운영 배포 전 `068_csp_violation_aggregates.sql`, `069_media_catalog.sql`을 순서대로 적용하고 미디어 카탈로그는 reconcile → (선택) shadow 관찰 → `MEDIA_CATALOG_MODE=database` 고정 순서를 지킨다. 게시물 Export·Import·일반 업로드는 디스크·임시 디렉터리 스트리밍을 사용하므로 NAS 앱 컨테이너의 임시 저장 공간과 `public/uploads/exports` 쓰기 권한을 확인한다.
> 로컬 기준 v1.11.1에서 `npm run lint`와 `npm run build` 검증을 통과했다.
> 로컬 기준 v1.11.2에서 `npm run lint`와 `npm run build` 검증을 통과했다.
## 빌드 유형

2
docs/map.md
View File

@@ -242,7 +242,7 @@
| pages/admin/pages/index.vue | 페이지 목록, 게시글 목록과 같은 상단 검색·상태 필터·노출 필터·정렬·새 페이지 버튼 구조, 전체·홈 표시·추천·필터 표시 개수 요약, 추천 별·페이지 커버 썸네일 열, 제목·슬러그·요약·상태·섹션 기준 검색, 제목 아래 주소·공개 보기 hover 아이콘, 홈 표시·섹션·추천 배지, 조회수·통계 모달, 상태 표시, 화면 기준 행 more vert 메뉴(수정·삭제) |
| pages/admin/pages/new.vue | 전체 화면 페이지 작성, HTML 문서 기본 모드 저장, 홈 Pages 진열장 노출 메타, 저장 토스트 |
| pages/admin/pages/[id].vue | 전체 화면 페이지 수정, HTML 문서/일반 텍스트 모드 저장, 홈 Pages 진열장 노출 메타, 설정 패널 삭제, 저장/삭제 토스트 |
| pages/admin/media/index.vue | 미디어 관리, **미디어 라이브러리/카드 썸네일/본문 이미지/프로필 이미지** 탭, 글·멤버 목록과 같은 검색창, 파일 직접 추가, 라이브러리 파일 종류 필터와 미사용 토글, 시스템 탭 전체/미사용 배지형 필터, 목록 카드 오른쪽 위 사용 개수 배지, `/admin/api/media?paged=1` 기반 50·100·200개 단위 페이지네이션과 현재 페이지 선택·선택 삭제, 표시 개수 셀렉트 SVG chevron 화살표, 이미지·비디오·오디오·파일 종류 필터, 원본 fallback·카드 썸네일·본문 이미지 사용 배지(파생 탭의 해당 배지는 숨김), 그리드용 작은 파생 이미지 우선 표시와 원본 fallback, 대표 이미지 원본 카드 썸네일 생성·재생성, 본문 이미지 생성·재생성, 비디오 프레임 썸네일, 폴더 트리 more vert(폴더 삭제), 검색·드래그·상세 모달 등 |
| pages/admin/media/index.vue | 미디어 관리, **미디어 라이브러리/대표 이미지/본문 이미지/프로필 이미지** 탭, 글·멤버 목록과 같은 검색창, 파일 직접 추가, 라이브러리 파일 종류 필터와 미사용 토글, 시스템 탭 전체/미사용 배지형 필터, 목록 카드 오른쪽 위 사용 개수 배지, `/admin/api/media?paged=1` 기반 50·100·200개 단위 페이지네이션과 현재 페이지 선택·선택 삭제, 표시 개수 셀렉트 SVG chevron 화살표, 이미지·비디오·오디오·파일 종류 필터, 원본 fallback·대표 이미지·본문 이미지 역할 배지(파생 파일 자체와 파생 탭에서는 숨김), 그리드용 작은 파생 이미지 우선 표시와 원본 fallback, 대표 이미지 원본 파생 파일 생성·재생성, 본문 이미지 생성·재생성, 비디오 프레임 썸네일, 폴더 트리 more vert(폴더 삭제), 검색·드래그·상세 모달 등 |
| pages/admin/navigation/index.vue | 메뉴 관리: 메인 네비게이션/페이지 섹션/하단 네비게이션/추천 사이트 탭, 각 탭 작업줄 왼쪽 추가·오른쪽 저장 버튼, 메인·하단 메뉴 추가 모달, 페이지 섹션 추가 모달·수정·삭제·섹션 드래그 정렬·섹션별 카드형 페이지 순서 변경 모달(추천 우선 표시·섹션에서 제거 포함), 추천 사이트는 공개와 같은 카드 목록+편집 모달(전체 URL·썸네일·파비콘 갱신), 행 more vert(삭제), 저장 대상별 버튼(`네비게이션 저장`/`페이지 섹션 저장`), `useAdminToast` |
| components/admin/AdminRowMoreMenu.vue | 관리자 행 more vert 메뉴(트리거·화면 기준 팝오버) |
| composables/useAdminRowMenu.js | 관리자 행 메뉴 열림 상태·바깥 클릭 닫기 |

2
docs/spec.md
View File

@@ -975,7 +975,7 @@ components/content/
- 관리자 미디어 업로드 API는 이미지·비디오·오디오·문서 확장자를 허용한다(에디터 슬래시·미디어 모달과 동일 목록).
- 업로드 파일 크기 제한은 종류별 환경 변수를 따른다. 이미지·아바타·로고 등은 `MAX_FILE_SIZE`(기본 10MB), 비디오는 `MAX_VIDEO_FILE_SIZE`(기본 200MB), 오디오는 `MAX_AUDIO_FILE_SIZE`(기본 50MB), 문서·ZIP 등은 `MAX_DOCUMENT_FILE_SIZE`(기본 50MB). 관리자 게시물·페이지용 미디어 업로드의 1회 파일 수와 전체 용량은 사이트 설정 POST 설정의 업로드 제한을 따른다.
- 로컬 개발 업로드 파일은 `public/uploads/posts/YYYY/MM/` 아래 저장하고 `/uploads/posts/YYYY/MM/filename` URL로 제공한다.
- 관리자 미디어 화면 상단에 **미디어 라이브러리**·**카드 썸네일**·**본문 이미지**·**프로필 이미지** 탭을 두어, 라이브러리 탭에서는 원본 업로드 파일만, 카드 썸네일 탭에서는 `/posts/YYYY/MM/thumbs/*-card.webp`와 `*-page-cover.webp` 파일만, 본문 이미지 탭에서는 `/posts/YYYY/MM/thumbs/*-body-1600.webp`, `*-body-720.webp`, `*-body-2560.webp` 파일과 레거시 `*-body.webp`, `*-lightbox.webp` 파일만, 프로필 이미지 탭에서는 `/members/avatars/` 파일만 검색·탐색한다. 본문 이미지 탭의 상세 정보는 1600px, 720px, 2560px 용도를 구분해 표시한다. 라이브러리 탭의 파일 종류 필터는 `전체/이미지/영상/음악/파일`을 표시하고 사용 상태 필터는 중복 `전체` 배지를 피하기 위해 `미사용` 토글만 표시한다. 시스템 파생 탭에서는 전체/미사용 배지형 필터를 표시하고, 목록 카드 오른쪽 위에는 실제 사용 개수 숫자 배지를 표시한다. 카드 썸네일 탭과 본문 이미지 탭에서는 모든 항목이 해당 파생 파일이므로 각각 `카드`, `본문` 배지는 표시하지 않는다. 미디어 그리드는 서버 페이지 응답 기준 50·100·200개 단위 페이지네이션을 사용하며, 페이지당 표시 개수 셀렉트는 다른 관리자 셀렉트와 같은 SVG chevron 화살표를 사용한다. 원본 이미지 항목도 가능한 경우 720px 본문 파생 이미지 또는 카드·Pages 커버 썸네일을 우선 표시하고 실패 시 원본으로 되돌린다. 파생 이미지 목록·상세 미리보기는 파일 수정 시각과 용량을 캐시 버전으로 붙여 재생성 직후에도 새 파일을 확인할 수 있게 한다.
- 관리자 미디어 화면 상단에 **미디어 라이브러리**·**대표 이미지**·**본문 이미지**·**프로필 이미지** 탭을 두어, 라이브러리 탭에서는 원본 업로드 파일만, 대표 이미지 탭에서는 `/posts/YYYY/MM/thumbs/*-card.webp`와 `*-page-cover.webp` 파일만, 본문 이미지 탭에서는 `/posts/YYYY/MM/thumbs/*-body-1600.webp`, `*-body-720.webp`, `*-body-2560.webp` 파일과 레거시 `*-body.webp`, `*-lightbox.webp` 파일만, 프로필 이미지 탭에서는 `/members/avatars/` 파일만 검색·탐색한다. 본문 이미지 탭의 상세 정보는 1600px, 720px, 2560px 용도를 구분해 표시한다. 라이브러리 탭의 파일 종류 필터는 `전체/이미지/영상/음악/파일`을 표시하고 사용 상태 필터는 중복 `전체` 배지를 피하기 위해 `미사용` 토글만 표시한다. 시스템 파생 탭에서는 전체/미사용 배지형 필터를 표시하고, 목록 카드 오른쪽 위에는 실제 사용 개수 숫자 배지를 표시한다. 대표 이미지 탭과 본문 이미지 탭에서는 모든 항목이 해당 파생 파일이므로 각각 `카드`, `본문` 역할 배지는 표시하지 않으며, 탭 전환 중 이전 응답 항목이 잠깐 남아도 파생 파일 URL 기준으로 역할 배지를 숨긴다. 미디어 그리드는 서버 페이지 응답 기준 50·100·200개 단위 페이지네이션을 사용하며, 페이지당 표시 개수 셀렉트는 다른 관리자 셀렉트와 같은 SVG chevron 화살표를 사용한다. 원본 이미지 항목도 가능한 경우 720px 본문 파생 이미지 또는 카드·Pages 커버 썸네일을 우선 표시하고 실패 시 원본으로 되돌린다. 파생 이미지 목록·상세 미리보기는 파일 수정 시각과 용량을 캐시 버전으로 붙여 재생성 직후에도 새 파일을 확인할 수 있게 한다.
- 미디어 라이브러리 탭은 왼쪽 폴더 트리와 오른쪽 고밀도 썸네일 갤러리, 검색, 파일명 변경, 개별 삭제를 제공한다.
- 관리자는 폴더 추가 버튼으로 모달에서 새 폴더·하위 폴더 이름을 입력해 만들 수 있으며, `미분류`·`썸네일`(및 그 하위)을 제외한 폴더는 목록에서 삭제할 수 있다. 폴더 삭제 시 해당 경로 및 하위 경로로 분류돼 있던 미디어 메타는 모두 `미분류`로 되돌린다.
- 썸네일 본문(이미지·파일명) 한 번 클릭 시 상세(미리보기) 모달이 열리고, 썸네일 좌측 상단 **선택 토글**로 개별 선택한다. Shift+클릭으로 현재 페이지 안의 범위 선택이 가능하다. 현재 페이지 선택은 화면에 보이는 항목 중 사용 중이 아니어서 삭제 가능한 항목만 대상으로 한다.

38
docs/update-log/v1.0.md
View File

@@ -1,38 +1,28 @@
# [업데이트 기록] v1.0
# sori.studio v1.0 업데이트 — 새로운 블로그의 시작
안녕하세요.
`sori.studio`를 정식으로 오픈했습니다.
기존에는 티스토리를 비롯한 여러 블로그 서비스를 이용했지만, 운영하면서 기능과 표현 방식에 여러 아쉬움을 느껴 직접 사이트를 만들기로 했습니다.
그동안 티스토리를 비롯한 여러 블로그 서비스를 이용해 왔지만, 운영하면서 느꼈던 기능과 표현의 아쉬움을 직접 개선하고자 새로운 블로그를 만들었습니다.
v1.0은 사이트의 첫 정식 버전으로, v0.1부터 v0.9까지 다듬어 온 내용을 모아 공개한 업데이트입니다.
게시물을 읽고, 이미지를 보고, 다양한 화면에서도 편하게 둘러볼 수 있는 기본적인 블로그 환경을 마련했습니다.
v1.0에서는 게시물을 읽고 이미지를 감상하며, PC와 모바일 어디에서든 편하게 둘러볼 수 있는 기본적인 블로그 환경을 마련했습니다.
앞으로 사이트를 운영하며 발견하는 불편함을 꾸준히 개선하고, 방문자에게 의미 있는 변화는 업데이트 기록을 통해 전해드리겠습니다.
아직 채워나갈 부분이 많지만, 이제부터는 하나의 독립된 블로그로서 콘텐츠와 함께 사이트의 변화도 차근차근 기록해 보려고 합니다.
## 이번 업데이트에서 반영된 내용
- **sori.studio 정식 오픈**
누구나 게시물을 열람할 수 있도록 블로그를 공개했습니다.
다양한 화면 크기에서도 콘텐츠를 편하게 확인할 수 있도록 기본적인 화면 구성과 표시 방식을 함께 점검했습니다.
누구나 자유롭게 게시물을 읽고 둘러볼 수 있도록 블로그를 공개했습니다.
PC와 모바일 등 다양한 화면에서도 콘텐츠를 편하게 확인할 수 있도록 기본 화면을 구성했습니다.
- **게시물 열람 환경 구성**
제목과 본문, 이미지, 목록, 링크 등 게시물을 구성하는 요소들이 일관된 형태로 보이도록 기본 스타일을 정리했습니다.
긴 글이나 이미지가 많은 게시물도 편하게 읽을 수 있도록 가독성과 간격을 조정했습니다.
- **편안한 게시물 열람 환경**
제목과 본문, 이미지, 목록, 링크 등의 요소가 일관된 모습으로 표시되도록 정리했습니다.
긴 글이나 이미지가 많은 게시물도 편하게 읽을 수 있도록 글자와 여백을 세심하게 조정했습니다.
- **이미지와 갤러리 지원**
게시물에 이미지를 넣고, 여러 장을 갤러리로 묶어 볼 수 있도록 했습니다.
사진과 자료가 많은 글도 본문 안에서 자연스럽게 살펴볼 수 있습니다.
게시물에 이미지를 넣고, 여러 장의 사진을 갤러리로 묶어 감상할 수 있도록 했습니다.
사진과 자료가 많은 글도 본문 흐름을 따라 자연스럽게 살펴볼 수 있습니다.
- **안정적인 콘텐츠 제공**
글을 꾸준히 발행하고 사이트를 유지할 수 있도록 내부 기반을 정리했습니다.
방문자가 보는 화면이 끊기지 않고 이어지도록 초기 오류와 불편한 표현도 함께 다듬었습니다.
## 앞으로의 계획
v1.0을 시작으로 기존 게시물을 차근차근 정리하고, 새로운 콘텐츠도 지속적으로 추가할 예정입니다.
사이트를 이용하며 발견하는 불편한 부분도 계속 개선하고, 방문자에게 의미 있는 변화는 업데이트 기록으로 함께 남기겠습니다.
## 한 줄 요약
v1.0은 `sori.studio`를 하나의 독립된 블로그로 정식 공개한 첫 번째 버전입니다.
- **안정적인 이용 환경 마련**
게시물을 둘러보는 과정에서 불편함이 없도록 초기 오류와 어색한 표시를 점검했습니다.
페이지와 콘텐츠가 안정적으로 표시되도록 사이트의 기본 환경도 함께 다듬었습니다.

39
docs/update-log/v1.1.md
View File

@@ -1,31 +1,26 @@
# [업데이트 기록] v1.1
# sori.studio v1.1 업데이트 — 글을 더 편안하게
안녕하세요.
조금 늦게 정리하는 `sori.studio` v1.1 업데이트 기록입니다.
`sori.studio`입니다.
이번 업데이트는 눈에 띄는 새 화면을 더하기보다, 게시물이 더 깔끔하고 일정하게 보이도록 글의 작성·표시 방식을 다듬는 데 집중했습니다.
v1.1에서는 새로운 화면을 추가하기보다, 게시물을 더욱 깔끔하고 편안하게 읽을 수 있도록 본문 표현을 다듬었습니다.
문단과 줄바꿈을 정돈하고, 이미지와 갤러리가 글의 흐름에 맞게 표시되도록 개선했습니다.
방문자 입장에서는 화면이 크게 바뀌지 않을 수 있지만, 본문 문단과 줄바꿈, 이미지·갤러리 표현이 작성 의도에 더 가깝게 보이도록 정리한 버전입니다.
## 이번 업데이트에서 반영된 내용
## 이번 업데이트에서 달라진 점
- **본문 문단과 줄바꿈 정리**
문단 간격과 여러 줄 띄우기가 공개된 게시물에서도 자연스럽게 보이도록 개선했습니다.
작성 화면과 실제 게시물 사이에서 문단 구조가 어긋나던 부분을 줄여 가독성을 일정하게 맞췄습니다.
- **문단과 줄바꿈 정리**
문단 사이의 간격과 여러 줄의 여백이 게시물에서도 자연스럽게 보이도록 개선했습니다.
글의 구조가 어긋나거나 간격이 일정하지 않던 부분을 줄여 더욱 편안하게 읽을 수 있습니다.
- **Markdown 기반 본문 표현**
게시물을 Markdown으로 작성하고 공개할 수 있도록 글쓰기 환경을 바꿨습니다.
미리보기를 통해 공개될 모습을 확인하며 작성할 수 있어, 본문이 더 일관된 형태로 보이게 되었습니다.
- **일관된 본문 표현**
게시물을 Markdown을 기반으로 작성하고 표시하도록 변경했습니다.
제목과 문단, 목록, 링크 등 다양한 요소가 게시물마다 일관된 모습으로 나타납니다.
- **이미지와 갤러리 표시 보완**
본문에 넣은 이미지와 갤러리의 순서·구성이 공개 화면에서도 의도한 대로 유지되도록 보완했습니다.
사진을 중심으로 한 게시물도 더 안정적으로 볼 수 있습니다.
- **이미지와 갤러리 표시 개선**
본문에 포함된 이미지와 갤러리의 순서 및 구성이 의도한 모습으로 유지되도록 보완했습니다.
사진이 많은 게시물도 흐름이 흐트러지지 않고 안정적으로 감상할 수 있습니다.
- **외부 자료 붙여넣기 정리**
다른 페이지에서 가져온 제목, 문단, 목록, 링크, 이미지가 불필요한 형식 없이 본문에 맞게 정리되도록 개선했습니다.
기존 자료를 옮기거나 정리한 글도 읽기 쉬운 형태로 맞출 수 있습니다.
## 한 줄 요약
v1.1은 방문자에게 새로운 메뉴를 더하기보다,
게시물의 문단·이미지·표현이 더 일정하고 읽기 좋게 보이도록 다듬은 버전입니다.
- **외부 자료의 자연스러운 표시**
다른 곳에서 가져온 제목과 문단, 목록, 링크, 이미지가 불필요한 형식 없이 본문에 어울리도록 정리했습니다.
이전에 작성한 자료를 옮긴 게시물도 더욱 깔끔하고 읽기 편한 형태로 확인할 수 있습니다.

64
docs/update-log/v1.10.md
View File

@@ -1,51 +1,45 @@
# [업데이트 기록] v1.10
# sori.studio v1.10 업데이트 — 태그·홈·검색을 하나의 흐름으로
안녕하세요.
조금 늦게 정리하는 `sori.studio` v1.10 업데이트 기록입니다.
`sori.studio`입니다.
이번 업데이트에서는 콘텐츠가 늘어나도 원하는 글을 쉽게 찾고, 게시물과 페이지를 자연스럽게 둘러볼 수 있도록 탐색 구조를 다듬었습니다.
v1.10에서는 콘텐츠가 늘어나도 원하는 글을 쉽게 찾고, 게시물과 페이지를 자연스럽게 이어서 둘러볼 수 있도록 탐색 구조를 다듬었습니다.
추천 사이트와 태그, 독립 페이지, 홈 콘텐츠, 검색과 목록을 서로 연결해 관심 있는 콘텐츠를 더욱 편리하게 발견할 수 있습니다.
추천 사이트와 태그, 독립 페이지, 검색·목록, 홈 콘텐츠 섹션을 서로 연결해 사이트를 더 편하게 둘러볼 수 있게 한 버전입니다.
## 이번 업데이트에서 반영된 내용
## 이번 업데이트에서 달라진 점
- **추천 사이트 영역 정리**
추천 사이트의 주소와 아이콘이 더 안정적으로 보이도록 했습니다.
공개 화면에서는 왼쪽 사이드바의 태그 아래로 옮겨 전체 구성을 정돈했습니다.
함께 둘러보기 좋은 추천 사이트를 태그 아래에서 확인할 수 있도록 위치를 옮겼습니다.
사이트 주소와 아이콘도 더욱 안정적으로 표시되어 추천 대상을 쉽게 알아볼 수 있습니다.
- **태그 화면 구성 확대**
태그마다 이름과 설명, 고유 색상이 일관되게 보이도록 했습니다.
주제별로 헤더 이미지와 안내 문구를 둘 수 있어, 관련 콘텐츠의 성격을 더 분명하게 보여줄 수 있습니다.
- **더 풍성해진 태그 화면**
태그마다 이름과 설명, 고유한 색상이 일관되게 표시되도록 구성했습니다.
주제에 어울리는 이미지와 안내 문구도 함께 제공해 어떤 콘텐츠가 모여 있는지 쉽게 파악할 수 있습니다.
- **본문 콘텐츠 표현 확장**
HTML 영역과 일반 링크, 외부 페이지를 용도에 맞게 본문에 넣을 수 있도록 했습니다.
게시물 안에서 다양한 외부 자료를 더 자연스럽게 소개할 수 있습니다.
- **다양해진 본문 콘텐츠**
일반 링크와 외부 페이지 등 여러 형태의 자료를 게시물 안에서 자연스럽게 소개할 수 있도록 했습니다.
글과 관련된 외부 콘텐츠도 본문의 흐름을 따라 편리하게 살펴볼 수 있습니다.
- **Markdown 표시 안정화**
표와 목록, 링크 안의 강조, 줄바꿈 등 복잡한 문법이 공개 게시물에서도 의도한 형태로 보이도록 보완했습니다.
여러 형식이 섞인 글도 읽기 구조를 유지하기 쉬워졌습니다.
- **안정적인 본문 표시**
표와 목록, 링크 안의 강조, 줄바꿈 등 다양한 표현이 의도한 모습으로 표시되도록 보완했습니다.
여러 형식이 함께 사용된 게시물도 구조가 흐트러지지 않아 더욱 편안하게 읽을 수 있습니다.
- **독립 페이지를 홈·검색에서 발견**
독립 페이지도 홈 화면과 검색 결과에 노출할 수 있도록 했습니다.
게시물과 다른 형식의 주요 페이지도 사이트 안에서 더 쉽게 찾을 수 있습니다.
- **찾기 쉬워진 독립 페이지**
독립 페이지도 홈 화면과 검색 결과에서 발견할 수 있도록 했습니다.
일반 게시물과 다른 형태로 구성된 주요 콘텐츠도 사이트 안에서 더욱 쉽게 찾을 수 있습니다.
- **홈 콘텐츠 섹션 추가**
독립 페이지를 주제별로 묶어 홈에 별도 섹션으로 소개할 수 있게 되었습니다.
중요한 콘텐츠를 홈에서 먼저 둘러볼 수 있습니다.
비슷한 주제의 독립 페이지를 하나의 섹션으로 묶어 홈 화면에서 소개할 수 있도록 했습니다.
주요 콘텐츠와 추천 페이지를 홈에서 바로 둘러볼 수 있습니다.
- **홈 콘텐츠 둘러보기 개선**
홈의 콘텐츠 섹션을 드래그하거나 좌우 버튼으로 넘길 수 있도록 했습니다.
한 섹션에 여러 페이지가 있어도 원하는 항목을 편하게 확인할 수 있습니다.
- **편리해진 홈 콘텐츠 탐색**
홈의 콘텐츠 섹션을 좌우로 움직이거나 이동 버튼을 눌러 둘러볼 수 있도록 했습니다.
한 섹션에 여러 페이지가 있어도 원하는 콘텐츠를 편리하게 확인할 수 있습니다.
- **목록과 페이지 이동 개선**
게시물·태그 목록에서 한 번에 보이는 개수와 페이지 이동 방식을 정리했습니다.
콘텐츠가 많아져도 목록을 안정적으로 탐색할 수 있습니다.
게시물과 태그 목록에서 한 번에 표시되는 콘텐츠 수와 페이지 이동 방식을 정리했습니다.
콘텐츠가 많아져도 목록을 안정적으로 이동하며 원하는 글을 찾을 수 있습니다.
- **한글 검색 안정화**
한글을 입력하는 동안 결과가 잠깐 사라지거나, 이전 검색어의 결과가 남던 문제를 수정했습니다.
검색어 입력과 결과 갱신이 더 자연스럽게 이어집니다.
## 한 줄 요약
v1.10은 태그·검색·홈 섹션과 독립 페이지를 연결해,
늘어난 콘텐츠를 더 쉽게 발견하고 둘러볼 수 있도록 만든 버전입니다.
- **더 자연스러워진 한글 검색**
한글을 입력하는 동안 검색 결과가 잠시 사라지거나 이전 검색 결과가 남아 있던 문제를 수정했습니다.
검색어를 입력하는 과정부터 결과가 표시되기까지 더욱 자연스럽게 이어집니다.

48
docs/update-log/v1.11.md
View File

@@ -1,39 +1,33 @@
# [업데이트 기록] v1.11
# sori.studio v1.11 업데이트 — 더 빠르고 안전하게
안녕하세요.
조금 늦게 정리하는 `sori.studio` v1.11 업데이트 기록입니다.
`sori.studio`입니다.
이번 업데이트에서는 눈에 확 띄는 새 화면보다, 사이트를 더 빠르고 안정적으로 이용할 수 있도록 기반을 다듬는 데 집중했습니다.
v1.11에서는 새로운 화면을 추가하기보다, 사이트를 더욱 빠르고 안정적으로 이용할 수 있도록 전반적인 환경을 다듬었습니다.
검색과 미디어 탐색이 한결 가벼워지고, 회원 로그인과 공개 화면의 작은 어긋남도 함께 정리했습니다.
미디어를 찾고 분류하는 속도를 높이고, 회원 로그인 보호와 화면 표시, 게시물 보안을 함께 보완했습니다.
## 이번 업데이트에서 반영된 내용
- **미디어 검색·분류 속도 개선**
미디어 파일이 DB 기반으로 동작하도록 바꿔, 파일이 많아져도 검색과 분류가 더 빠르게 이루어지도록 했습니다.
이미지와 자료를 다루는 과정이 한결 가볍게 느껴질 수 있습니다.
## 이번 업데이트에서 달라진 점
- **빨라진 미디어 검색과 분류**
이미지와 파일이 많아져도 필요한 자료를 더욱 빠르게 검색하고 분류할 수 있도록 개선했습니다.
미디어를 불러오고 살펴보는 과정도 이전보다 한결 가볍게 느껴질 수 있습니다.
- **회원 로그인 보호 강화**
짧은 시간에 로그인을 반복하면 잠시 제한되도록 했습니다.
비밀번호를 바꾸면 이전에 열려 있던 로그인은 더 이상 유지되지 않아, 계정을 더 안전하게 지킬 수 있습니다.
짧은 시간에 로그인을 여러 번 시도하면 잠시 제한되도록 보안을 강화했습니다.
비밀번호를 변경하면 기존 로그인도 함께 종료되어 계정을 더욱 안전하게 보호할 수 있습니다.
- **태그·댓글 화면 안정화**
없는 태그 주소는 빈 목록 대신 안내 페이지로 연결되도록 했습니다.
다른 글을 볼 때 이전 글의 댓글이 남지 않도록 정리하고, 회원 전용 글의 본문과 댓글 권한도 맞췄습니다.
- **태그와 댓글 화면 안정화**
존재하지 않는 태그 주소에 접속하면 빈 목록 대신 알맞은 안내 화면이 표시되도록 했습니다.
다른 게시물로 이동했을 때 이전 글의 댓글이 남아 있던 문제를 수정하고, 회원 전용 글의 본문과 댓글도 같은 공개 범위로 표시되도록 정리했습니다.
- **화면 겹침과 표시 보완**
상단 안내 바와 사이드바가 겹치던 표시를 손봤습니다.
글을 읽고 이동하는 동안 레이아웃이 더 안정적으로 유지됩니다.
- **화면 겹침과 표시 문제 개선**
상단 공지 배너와 사이드바가 겹쳐 보이던 문제를 수정했습니다.
게시물을 읽거나 다른 페이지로 이동하는 동안 화면 구성이 더욱 안정적으로 유지됩니다.
- **본문과 사이트 보안 보강**
게시물에 불필요한 실행성 코드가 섞이지 않도록 본문 처리를 안전하게 다듬었습니다.
브라우저의 기본 보안 설정도 함께 적용해, 사이트를 더 안심하고 이용할 수 있도록 했습니다.
- **본문과 사이트 보안 강화**
게시물을 통해 의도하지 않은 코드가 실행되지 않도록 본문 처리 방식을 더욱 안전하게 다듬었습니다.
브라우저 보안 설정도 함께 강화해 사이트를 더욱 안심하고 이용할 수 있도록 했습니다.
- **한글 파일명 표시 보완**
MacOS의 특정 상황에서 한글 이름이 깨져 보이던 문제를 보완했습니다.
첨부 파일과 이미지도 원래 이름에 가깝게 확인할 수 있습니다.
## 한 줄 요약
v1.11은 미디어 탐색 속도와 로그인·공개 화면의 안정성을 높여,
콘텐츠가 늘어도 사이트를 더 빠르고 편하게 이용할 수 있도록 다듬은 버전입니다.
- **한글 파일명 표시 개선**
macOS의 일부 환경에서 한글 파일명이 깨져 보이던 문제를 보완했습니다.

47
docs/update-log/v1.2.md
View File

@@ -1,39 +1,34 @@
# [업데이트 기록] v1.2
# sori.studio v1.2 업데이트 — 읽고 찾는 과정을 더 쉽게
안녕하세요.
조금 늦게 정리하는 `sori.studio` v1.2 업데이트 기록입니다.
`sori.studio`입니다.
이번 업데이트에서는 게시물을 더 편안하게 읽을 수 있도록 본문 표현을 다듬고, 원하는 콘텐츠를 쉽게 찾을 수 있도록 태그와 메뉴, 추천 영역을 정리했습니다.
v1.2에서는 글을 더욱 편안하게 읽고, 원하는 콘텐츠를 쉽게 찾을 수 있도록 본문과 태그, 메뉴, 추천 영역을 정리했습니다.
관심 있는 게시물을 발견하고 관련 콘텐츠로 자연스럽게 이어갈 수 있도록 사이트 곳곳의 탐색 흐름도 함께 다듬었습니다.
글을 발견하고 읽는 흐름을 중심으로 사이트를 다듬은 버전입니다.
## 이번 업데이트에서 반영된 내용
## 이번 업데이트에서 달라진 점
- **본문 가독성 개선**
게시물 본문의 글자 크기와 행간을 조정하고, 제목과 문단 사이의 간격을 다듬었습니다.
내용이 긴 게시물도 조금 더 편안하게 읽을 수 있도록 전반적인 본문 표현을 개선했습니다.
- **더 편안해진 본문**
게시물의 글자 크기와 줄 간격을 조정하고, 제목과 문단 사이의 여백을 다듬었습니다.
내용이 길거나 이미지가 많은 글도 조금 더 편안하게 읽을 수 있습니다.
- **태그로 콘텐츠 탐색**
게시물을 주제별로 나누는 태그를 더 쉽게 둘러볼 수 있도록 정리했습니다.
관심 있는 주제의 글을 찾아가기 쉬운 구조를 목표로 했습니다.
- **태그를 통한 콘텐츠 탐색**
비슷한 주제의 게시물을 태그별로 쉽게 둘러볼 수 있도록 정리했습니다.
관심 있는 태그를 선택하면 관련된 콘텐츠를 한곳에서 확인할 수 있습니다.
- **사이트 메뉴 구성 개선**
콘텐츠 구성에 맞춰 메뉴 순서와 하위 항목을 더 자연스럽게 배치할 수 있도록 했습니다.
방문자가 사이트 안에서 원하는 페이지로 더 쉽게 이동할 수 있습니다.
- **찾기 쉬워진 사이트 메뉴**
메뉴의 순서와 하위 항목을 더욱 자연스럽게 구성했습니다.
원하는 페이지와 콘텐츠로 쉽고 빠르게 이동할 수 있습니다.
- **추천 사이트 안내**
함께 소개하고 싶은 외부 사이트를 공개 화면에 표시할 수 있게 했습니다.
사이트의 성격과 어울리는 관련 페이지를 방문자에게 안내할 수 있습니다.
`sori.studio`와 함께 둘러보기 좋은 외부 사이트를 소개하는 영역을 마련했습니다.
관심 있는 주제와 관련된 다른 사이트도 자연스럽게 발견할 수 있습니다.
- **추천 게시물 소개**
주요 게시물을 추천 글로 지정해 홈 화면에서 먼저 소개할 수 있도록 했습니다.
새 글이나 먼저 보고 싶은 콘텐츠를 더 쉽게 발견할 수 있습니다.
먼저 소개하고 싶은 주요 게시물을 홈 화면에서 바로 확인할 수 있도록 했습니다.
새로운 글이나 놓치기 아쉬운 콘텐츠를 더욱 쉽게 발견할 수 있습니다.
- **발행일과 수정일 표시 정리**
공개된 게시물을 수정하더라도 최초 발행일이 유지되도록 했습니다.
내용이 바뀐 경우에는 필요에 따라 수정 시각을 함께 볼 수 있습니다.
## 한 줄 요약
v1.2는 본문 가독성과 태그·메뉴·추천 영역을 다듬어,
글을 찾고 읽는 흐름을 더 자연스럽게 만든 버전입니다.
- **발행일과 수정일 구분**
게시물을 수정하더라도 처음 공개된 날짜는 그대로 유지되도록 했습니다.
내용이 변경된 게시물은 필요에 따라 최근 수정 시각도 함께 확인할 수 있습니다.

46
docs/update-log/v1.5.md
View File

@@ -1,39 +1,33 @@
# [업데이트 기록] v1.5
# sori.studio v1.5 업데이트 — 홈부터 본문까지 더 풍성하게
안녕하세요.
조금 늦게 정리하는 `sori.studio` v1.5 업데이트 기록입니다.
`sori.studio`입니다.
이번 업데이트에서는 홈 화면과 공지 배너처럼 방문자가 바로 만나는 영역을 넓히고, 이미지·영상·외부 콘텐츠가 본문에서 더 자연스럽게 보이도록 개선했습니다.
v1.5에서는 홈과 공지처럼 사이트에서 처음 마주하는 영역을 넓히고, 이미지와 영상, 외부 콘텐츠를 본문에서 더욱 자연스럽게 감상할 수 있도록 구성했습니다.
게시물의 성격에 따라 다양한 자료를 함께 보여주고, 내용이 많은 글도 이해하기 쉽게 살펴볼 수 있도록 표현 방식도 확장했습니다.
글을 읽고 둘러보는 경험이 한층 풍성해지도록 구성한 버전입니다.
## 이번 업데이트에서 반영된 내용
## 이번 업데이트에서 달라진 점
- **더 편리해진 이미지와 갤러리**
이미지에 설명을 덧붙이고, 화면을 보기 어려운 환경에서도 이미지의 내용을 파악할 수 있도록 대체 텍스트를 설정할 수 있게 했습니다.
갤러리에서는 선택한 이미지를 큰 화면으로 열고, 앞뒤 이미지를 차례로 넘겨볼 수 있습니다.
- **이미지 정보와 갤러리 보기 개선**
이미지 캡션과 대체 텍스트를 각각 설정할 수 있도록 했습니다.
갤러리에서는 순서를 맞춰 두고, 선택한 이미지를 큰 화면으로 넘겨 볼 수 있습니다.
- **홈 화면 맞춤 구성**
홈 화면의 커버 이미지와 제목, 설명을 사이트 성격에 맞게 설정할 수 있도록 했습니다.
라이트 모드와 다크 모드에 서로 다른 커버 이미지를 적용해 분위기를 나눌 수 있습니다.
- **새로워진 홈 화면**
홈의 커버 이미지와 제목, 설명을 `sori.studio`의 분위기에 맞게 구성했습니다.
라이트 모드와 다크 모드에 각각 어울리는 커버 이미지가 표시되어 선택한 화면 설정에 자연스럽게 어우러집니다.
- **공지 배너 추가**
사이트 상단에 안내 문구와 관련 링크를 표시할 수 있는 공지 배너를 추가했습니다.
방문자는 배너를 직접 닫거나, 일정 기간 다시 보이지 않도록 선택할 수 있습니다.
중요한 소식과 관련 페이지를 사이트 상단에서 바로 확인할 수 있도록 공지 배너를 추가했습니다.
확인한 공지는 직접 닫거나 일정 기간 표시되지 않도록 선택할 수 있습니다.
- **다양한 미디어 형식 지원**
이미지뿐 아니라 비디오, 오디오, 일반 파일도 게시물에 첨부할 수 있도록 했습니다.
콘텐츠 성격에 맞는 자료를 한 글 안에서 함께 볼 수 있습니다.
이미지뿐 아니라 비디오와 오디오, 일반 파일도 게시물에서 함께 확인할 수 있습니다.
글의 내용과 성격에 맞는 다양한 자료를 페이지를 벗어나지 않고 살펴볼 수 있습니다.
- **외부 콘텐츠 표시 개선**
외부 게시물이나 콘텐츠 주소를 본문에 넣었을 때 페이지 안에서 더 자연스럽게 보이도록 했습니다.
관련 자료를 단순한 텍스트 링크보다 이해하기 쉬운 형태로 소개할 수 있습니다.
외부 게시물이나 콘텐츠 주소가 단순한 텍스트 링크보다 알아보기 쉬운 형태로 표시되도록 개선했습니다.
글과 관련된 외부 자료가 무엇인지 본문 안에서 자연스럽게 확인할 수 있습니다.
- **본문 표현 다양화**
제목, 이미지, 코드, 안내 상자, 접이식 영역 등 다양한 블록으로 글을 구성할 수 있게 되었습니다.
정보가 많은 글도 읽기 흐름에 맞춰 정리하기 쉬워졌습니다.
## 한 줄 요약
v1.5는 홈·공지와 다양한 미디어·본문 표현을 넓혀,
글을 둘러보고 읽는 경험을 더 풍성하게 만든 버전입니다.
- **다양해진 본문 표현**
제목과 이미지, 코드, 안내 상자, 접이식 영역 등 다양한 형태로 게시물을 구성할 수 있게 했습니다.
내용이 많거나 복잡한 글도 흐름에 따라 구분해 더욱 편하게 읽을 수 있습니다.

57
docs/update-log/v1.6.md
View File

@@ -1,46 +1,41 @@
# [업데이트 기록] v1.6
# sori.studio v1.6 업데이트 — 더 넓어진 페이지와 읽기 경험
안녕하세요.
조금 늦게 정리하는 `sori.studio` v1.6 업데이트 기록입니다.
`sori.studio`입니다.
이번 업데이트에서는 일반 게시물과 구분되는 독립 페이지를 공개할 수 있도록 콘텐츠 구성을 넓혔습니다.
회원만 볼 수 있는 글, 긴 글의 목차, RSS 구독, 검색 서비스 노출 등 글을 발견하고 읽는 데 도움이 되는 기능도 함께 정리했습니다.
v1.6에서는 일반 게시물과 구분되는 독립 페이지를 새롭게 마련하고, 콘텐츠의 성격에 따라 공개 범위를 나눌 수 있도록 구성했습니다.
긴 글의 목차부터 검색과 RSS 구독까지, 새로운 콘텐츠를 발견하고 편리하게 읽는 데 도움이 되는 기능도 함께 추가했습니다.
## 이번 업데이트에서 반영된 내용
## 이번 업데이트에서 달라진 점
- **독립 페이지 공개**
일반적인 문서형 페이지뿐 아니라, 더 자유로운 구성의 페이지도 공개할 수 있도록 했습니다.
게시물과는 다른 형식의 안내·소개 화면도 사이트 안에서 제공할 수 있습니다.
일반 게시물과는 구분되는 안내 및 소개 페이지를 새롭게 제공할 수 있게 되었습니다.
정해진 게시물 형식에서 벗어난 다양한 구성의 콘텐츠도 사이트 안에서 만나볼 수 있습니다.
- **회원 전용 콘텐츠**
누구나 볼 수 있는 공개 글과, 로그인한 회원만 볼 수 있는 글을 구분할 수 있게 되었습니다.
콘텐츠 성격에 맞춰 열람 범위를 더 세밀하게 나눌 수 있습니다.
- **회원 전용 콘텐츠 지원**
누구나 볼 수 있는 공개 글과 로그인한 회원만 볼 수 있는 글을 구분할 수 있도록 했습니다.
콘텐츠의 성격에 따라 필요한 독자에게만 제공되는 게시물을 확인할 수 있습니다.
- **긴 글의 목차와 읽기 흐름**
내용이 긴 게시물에서 지금 읽고 있는 위치를 목차로 쉽게 파악할 수 있도록 했습니다.
목차 항목을 선택하면 해당 부분으로 부드럽게 이동해 원하는 정보를 빠르게 찾을 수 있습니다.
- **긴 글을 위한 목차**
내용이 긴 게시물에서도 현재 읽고 있는 위치를 목차를 통해 쉽게 파악할 수 있습니다.
원하는 항목을 선택하면 해당 부분으로 바로 이동해 필요한 정보를 빠르게 찾을 수 있습니다.
- **사이트 분위기와 연결 정리**
브랜드 색상과 공지 영역, SNS·외부 채널 링크를 사이트 성격에 맞게 맞출 수 있도록 했습니다.
방문자가 다른 채널의 콘텐츠로도 자연스럽게 이어질 수 있습니다.
- **사이트와 외부 채널 연결**
`sori.studio`의 분위기가 잘 드러나도록 사이트 색상과 공지 영역을 정리했습니다.
SNS와 외부 채널로 이어지는 링크도 한눈에 확인할 수 있도록 구성했습니다.
- **검색 서비스 노출 개선**
검색 서비스가 게시물과 페이지 구조를 더 쉽게 파악할 수 있도록 사이트맵을 제공하기 시작했습니다.
새로 올린 글이 검색 결과에도 더 원활하게 반영될 수 있는 기반을 마련했습니다.
검색 서비스가 게시물과 페이지의 구조를 더 쉽게 파악할 수 있도록 사이트맵을 제공하기 시작했습니다.
새롭게 공개한 콘텐츠도 검색을 통해 더욱 원활하게 발견할 수 있습니다.
- **RSS 구독 지원**
RSS로 새 게시물을 구독할 수 있도록 피드를 추가했습니다.
제목과 요약뿐 아니라 대표 이미지도 함께 제공해 새 글을 더 쉽게 확인할 수 있습니다.
RSS 리더를 통해 `sori.studio`의 새 게시물을 구독할 수 있도록 피드를 추가했습니다.
글의 제목과 요약, 대표 이미지를 함께 제공해 사이트에 방문하지 않아도 새로운 소식을 확인할 수 있습니다.
- **본문 표현 도구 확장**
표, 글자색, 안내 상자, 인용문, 코드, 접이식 영역 등으로 본문을 더 다양하게 구성할 수 있게 되었습니다.
정보가 많은 글도 구조와 강조를 살려 읽기 쉽게 정리할 수 있습니다.
- **다양해진 본문 표현**
표와 글자색, 안내 상자, 인용문, 코드, 접이식 영역 등 다양한 형태로 본문을 구성할 수 있게 했습니다.
정보가 많은 글도 내용의 구조와 중요한 부분을 쉽게 파악할 수 있습니다.
- **대표 이미지 표시 개선**
게시물 목록과 카드에서 대표 이미지가 더 알맞은 크기로 보이도록 다듬었습니다.
글을 둘러볼 때 썸네일이 더 선명하고 안정적으로 표시됩니다.
## 한 줄 요약
v1.6은 독립 페이지와 회원 전용 글, 목차·RSS·검색 노출을 더해,
콘텐츠를 발견하고 읽는 경험을 넓힌 버전입니다.
- **더 선명해진 대표 이미지**
게시물 목록과 카드에 표시되는 대표 이미지의 크기와 품질을 개선했습니다.
글을 둘러볼 때 썸네일이 더욱 선명하고 안정적으로 표시됩니다.

9
docs/update.md
View File

@@ -1,5 +1,10 @@
# 업데이트 이력
## v1.11.2
- 관리자 미디어 `카드 썸네일` 탭 명칭을 `대표 이미지`로 변경.
- 관리자 미디어 파생 탭 전환 중 본문·카드 역할 배지가 잠깐 나타나는 표시 문제 수정.
## v1.11.1
- 관리자 글쓰기 태그 추천 선택 후 남은 후보 목록이 유지되도록 수정.
@@ -11,6 +16,10 @@
- v1.10.88까지의 품질·보안·미디어 카탈로그 database 전환 내용을 minor 릴리스로 마감.
- `docs/update-log` v1.0~v1.11을 방문자 체감 중심으로 재작성. 관리자·내부 절차·광고/수익 안내 제거.
- update-log 작성 기준을 `docs/convention.md`에 추가.
- v1.1~v1.11 서두를 `안녕하세요. sori.studio입니다.` 형태로 통일하고 `조금 늦게 정리하는`·`이번 업데이트에서는` 반복 문구를 정리.
- v1.1~v1.11 하단 `한 줄 요약` 제거(서두 요지와 중복).
- update-log 각 버전에 minor(`.0`) 릴리스 날짜 추가.
- update-log 제목을 `sori.studio vX.Y 업데이트 — {짧은 요약}` 형식으로 변경.
## v1.10.88

4
package-lock.json generated
View File

@@ -1,12 +1,12 @@
{
"name": "sori.studio",
"version": "1.11.1",
"version": "1.11.2",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "sori.studio",
"version": "1.11.1",
"version": "1.11.2",
"hasInstallScript": true,
"dependencies": {
"@nuxtjs/tailwindcss": "^6.14.0",

2
package.json
View File

@@ -1,6 +1,6 @@
{
"name": "sori.studio",
"version": "1.11.1",
"version": "1.11.2",
"private": true,
"type": "module",
"imports": {

28
pages/admin/media/index.vue
View File

@@ -332,11 +332,15 @@ const getMediaBadgeLabel = (item) => {
return memberRoleBadgeLabels[roleCode] || memberRoleBadgeLabels.member
}
if (activeTab.value === 'postThumbnails' && item?.thumbnailStatus?.role === 'card') {
if (isPostCardThumbnailDiskItem(item) && item?.thumbnailStatus?.role === 'card') {
return ''
}
if (activeTab.value === 'postBodyThumbnails' && item?.bodyThumbnailStatus?.role === 'body') {
if (isPageCoverThumbnailDiskItem(item) && item?.thumbnailStatus?.role === 'pageCover') {
return ''
}
if (isPostBodyThumbnailDiskItem(item) && item?.bodyThumbnailStatus?.role === 'body') {
return ''
}
@@ -459,7 +463,7 @@ const activeSystemMediaCount = computed(() => {
const activeSystemMediaTitle = computed(() => {
if (activeTab.value === 'postThumbnails') {
return '카드 썸네일'
return '대표 이미지'
}
if (activeTab.value === 'postBodyThumbnails') {
@@ -471,7 +475,7 @@ const activeSystemMediaTitle = computed(() => {
const activeSystemMediaHint = computed(() => {
if (activeTab.value === 'postThumbnails') {
return '게시물 목록 카드와 홈 Pages 진열장에서 쓰는 자동 생성 이미지입니다. 원본 이미지가 사용 중이고 이 썸네일 파일이 있으면 공개 목록에서는 원본 대신 이 파일을 불러옵니다. 원본에 연결된 썸네일은 사용 중으로 표시되며, 썸네일이 없는 원본은 일반 미디어 상세에서 다시 생성 필요 상태로 구분합니다.'
return '게시물 목록 카드와 홈 Pages 진열장에서 쓰는 대표 이미지용 자동 생성 파일입니다. 원본 이미지가 사용 중이고 이 파일이 있으면 공개 목록에서는 원본 대신 이 파일을 불러옵니다. 원본에 연결된 파일은 사용 중으로 표시되며, 파일이 없는 원본은 일반 미디어 상세에서 다시 생성 필요 상태로 구분합니다.'
}
if (activeTab.value === 'postBodyThumbnails') {
@@ -1145,7 +1149,7 @@ const renameMedia = async () => {
const editingItem = mediaItems.value.find((item) => item.url === editingUrl.value)
if (editingItem && !canRenameMediaItem(editingItem)) {
showToast('error', '사용 중인 미디어 또는 카드 썸네일은 파일명을 바꿀 수 없습니다.')
showToast('error', '사용 중인 미디어 또는 대표 이미지 파일은 파일명을 바꿀 수 없습니다.')
return
}
@@ -1199,7 +1203,7 @@ const deleteMedia = async (item) => {
}
/**
* 선택한 원본 이미지의 카드 썸네일을 다시 생성한다.
* 선택한 원본 이미지의 대표 이미지 파일을 다시 생성한다.
* @param {Object} item - 미디어 항목
* @returns {Promise<void>}
*/
@@ -1219,9 +1223,9 @@ const regeneratePostThumbnail = async (item) => {
})
await refresh()
selectedMediaUrl.value = item.url
showToast('success', '카드 썸네일을 생성했습니다.')
showToast('success', '대표 이미지 파일을 생성했습니다.')
} catch (error) {
showToast('error', error?.data?.message || '카드 썸네일을 생성하지 못했습니다.')
showToast('error', error?.data?.message || '대표 이미지 파일을 생성하지 못했습니다.')
} finally {
regeneratingThumbnailUrl.value = ''
}
@@ -1392,7 +1396,7 @@ watch(() => mediaPagination.value.page, (page) => {
type="button"
@click="setActiveTab('postThumbnails')"
>
카드 썸네일
대표 이미지
</button>
<button
class="admin-media__tab rounded-md px-3 py-1.5 text-xs font-semibold transition"
@@ -1865,7 +1869,7 @@ watch(() => mediaPagination.value.page, (page) => {
</div>
<div v-if="selectedMedia.thumbnailStatus" class="admin-media__info-row">
<dt class="admin-media__info-label text-xs font-semibold text-muted">
{{ selectedMedia.thumbnailStatus.variant === 'pageCover' || selectedMedia.thumbnailStatus.role === 'pageCover' ? '페이지 커버 썸네일' : '카드 썸네일' }}
{{ selectedMedia.thumbnailStatus.variant === 'pageCover' || selectedMedia.thumbnailStatus.role === 'pageCover' ? '페이지 커버 이미지' : '대표 이미지' }}
</dt>
<dd class="admin-media__info-value mt-1 grid gap-1 break-all">
<span v-if="selectedMedia.thumbnailStatus.role === 'card'">
@@ -1901,7 +1905,7 @@ watch(() => mediaPagination.value.page, (page) => {
:disabled="regeneratingThumbnailUrl === selectedMedia.url"
@click="regeneratePostThumbnail(selectedMedia)"
>
{{ regeneratingThumbnailUrl === selectedMedia.url ? '생성 중' : (selectedMedia.thumbnailStatus.hasThumbnail ? '카드 썸네일 다시 생성' : '카드 썸네일 생성') }}
{{ regeneratingThumbnailUrl === selectedMedia.url ? '생성 중' : (selectedMedia.thumbnailStatus.hasThumbnail ? '대표 이미지 다시 생성' : '대표 이미지 생성') }}
</button>
<button
v-if="canRegeneratePageCoverThumbnail(selectedMedia)"
@@ -1975,7 +1979,7 @@ watch(() => mediaPagination.value.page, (page) => {
프로필 썸네일의 논리 폴더는 「{{ MEDIA_THUMBNAIL_ROOT }}」로 고정됩니다.
</p>
<p v-else-if="isPostCardThumbnailDiskItem(selectedMedia)" class="admin-media__category-hint text-xs text-muted">
카드 썸네일은 원본 이미지에 연결된 자동 생성 파일이라 폴더를 직접 바꾸지 않습니다.
대표 이미지 파일은 원본 이미지에 연결된 자동 생성 파일이라 폴더를 직접 바꾸지 않습니다.
</p>
<datalist id="media-folder-options">
<option v-for="folder in normalizedFolders" :key="folder" :value="folder" />