From ab974c898846e96dd1fd5b5918c2a455a39c11c0 Mon Sep 17 00:00:00 2001 From: zenn Date: Fri, 24 Jul 2026 10:43:14 +0900 Subject: [PATCH] =?UTF-8?q?=EC=82=AC=EC=9D=B4=ED=8A=B8=20=EC=A0=95?= =?UTF-8?q?=EB=B3=B4=20=EC=B9=B4=EB=93=9C=20=EB=B6=84=EB=A6=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../admin/AdminSiteInfoSettingsCard.vue | 196 ++++++++++++++++++ docs/map.md | 3 +- docs/todo.md | 2 +- docs/update.md | 6 + package-lock.json | 4 +- package.json | 2 +- pages/admin/settings/index.vue | 174 +--------------- 7 files changed, 219 insertions(+), 168 deletions(-) create mode 100644 components/admin/AdminSiteInfoSettingsCard.vue diff --git a/components/admin/AdminSiteInfoSettingsCard.vue b/components/admin/AdminSiteInfoSettingsCard.vue new file mode 100644 index 0000000..b87c273 --- /dev/null +++ b/components/admin/AdminSiteInfoSettingsCard.vue @@ -0,0 +1,196 @@ + + + diff --git a/docs/map.md b/docs/map.md index 897ac6e..85446d0 100644 --- a/docs/map.md +++ b/docs/map.md @@ -258,9 +258,10 @@ | pages/admin/tags/index.vue | 태그 관리(메인 태그 드래그 정렬 자동 저장·more vert 메뉴, 일반 태그 배지 more vert 메뉴·검색/정렬, 태그 추가 버튼), 액션 피드백 토스트 | | pages/admin/tags/new.vue | 태그 생성 | | pages/admin/tags/[id].vue | 태그 수정 | -| pages/admin/settings/index.vue | 사이트 설정 Ghost형 전체 화면, 카드별 필드만 PATCH하고 성공 필드만 폼에 반영하는 독립 저장, **블로그 제목·설명** 편집 상태·저장 요청·스냅샷 복원 연결, **POST 설정** 편집 상태·저장 요청·스냅샷 복원 연결, **사이트 정보**(로고 미등록 점선 박스·URL·저작권 읽기 행), **SNS 정보**(아이콘 프리셋+주소 목록형 관리), **메인 화면**(라이트·다크 커버 상하 개별 프리뷰·드롭존 업로드·오버레이 텍스트), **브랜드** 컬러 정규화·편집 상태·저장 요청 연결, **어나운스 바**(사용 토글·맞춤 설정·hex 배경색·텍스트 정렬·읽기 모드 비활성 톤), **스팸 필터** 편집 상태·저장 요청·값 정규화 연결, **사이트 용량** 데이터 조회·새로고침 이벤트 연결, **게시물 내보내기** 요청 body 생성·작업 등록·목록 갱신·작업 액션 연결, **게시물 가져오기** 파일 검증·작업 생성 요청·작업 센터 모달 연결, 진행 중 요청 버튼 잠금 | +| pages/admin/settings/index.vue | 사이트 설정 Ghost형 전체 화면, 카드별 필드만 PATCH하고 성공 필드만 폼에 반영하는 독립 저장, **블로그 제목·설명** 편집 상태·저장 요청·스냅샷 복원 연결, **사이트 정보** 편집 상태·저장 요청·로고 업로드 처리 연결, **POST 설정** 편집 상태·저장 요청·스냅샷 복원 연결, **SNS 정보**(아이콘 프리셋+주소 목록형 관리), **메인 화면**(라이트·다크 커버 상하 개별 프리뷰·드롭존 업로드·오버레이 텍스트), **브랜드** 컬러 정규화·편집 상태·저장 요청 연결, **어나운스 바**(사용 토글·맞춤 설정·hex 배경색·텍스트 정렬·읽기 모드 비활성 톤), **스팸 필터** 편집 상태·저장 요청·값 정규화 연결, **사이트 용량** 데이터 조회·새로고침 이벤트 연결, **게시물 내보내기** 요청 body 생성·작업 등록·목록 갱신·작업 액션 연결, **게시물 가져오기** 파일 검증·작업 생성 요청·작업 센터 모달 연결, 진행 중 요청 버튼 잠금 | | components/admin/AdminBrandSettingsCard.vue | 관리자 설정 브랜드 컬러 카드(읽기 미리보기·색상 입력·텍스트 입력·예시 배지·저장 이벤트) | | components/admin/AdminTitleDescriptionSettingsCard.vue | 관리자 설정 블로그 제목·설명 카드(읽기 행·편집 입력·공개 화면 미리보기·저장 이벤트) | +| components/admin/AdminSiteInfoSettingsCard.vue | 관리자 설정 사이트 정보 카드(로고 미리보기·로고 파일 선택·사이트 URL·저작권 문구·저장 이벤트) | | components/admin/AdminPostSettingsCard.vue | 관리자 설정 POST 설정 카드(수정일 표시·태그 최대 개수·공개 목록 표시개수·업로드 제한·저장 이벤트) | | components/admin/AdminBackupSummaryCard.vue | 관리자 설정 사이트 용량 카드(콘텐츠 수량·미디어 용량·자동 생성 이미지·내보내기 파일·큰 파일·새로고침 이벤트) | | components/admin/AdminPostExportJobList.vue | 관리자 설정 최근 내보내기 작업 목록 카드(상태·진행도·실패 상세·파일 선택·선택 다운로드 이벤트) | diff --git a/docs/todo.md b/docs/todo.md index 3a8c1f7..10bf63f 100644 --- a/docs/todo.md +++ b/docs/todo.md @@ -4,7 +4,7 @@ - 거대 컴포넌트 책임 분리 진행. - `components/admin/AdminMarkdownEditor.vue`: 미디어 모달, 슬래시 명령, 히스토리·선택 복원, 라이브/소스 전환 로직을 단계적으로 composable 또는 하위 컴포넌트로 분리. - - `pages/admin/settings/index.vue`: Import 작업 센터·사이트 용량·게시물 가져오기·게시물 내보내기 요청·최근 내보내기 작업 목록·스팸 필터·브랜드·POST 설정·블로그 제목/설명처럼 설정 카드별 저장·상태·검증 로직을 카드 컴포넌트 또는 composable 단위로 추가 분리. + - `pages/admin/settings/index.vue`: Import 작업 센터·사이트 용량·게시물 가져오기·게시물 내보내기 요청·최근 내보내기 작업 목록·스팸 필터·브랜드·POST 설정·블로그 제목/설명·사이트 정보처럼 설정 카드별 저장·상태·검증 로직을 카드 컴포넌트 또는 composable 단위로 추가 분리. - `pages/admin/settings/index.vue`: 업로드 제한 셀렉트가 블로그 제목·설명 읽기 카드 안에 있으나 저장 필드는 POST 설정에 묶여 있어, 별도 업로드 제한 카드 또는 POST 설정 편집 영역으로 위치와 저장 흐름을 정리. - `components/content/ContentMarkdownRenderer.vue`: 파싱·블록 렌더링·라이브 편집 중개·라이트박스·광고 삽입 책임을 분리. - `components/admin/AdminPostForm.vue`: 태그 입력, 대표 이미지 선택, 발행/초안 저장 상태, 우측 설정 패널 책임을 분리. diff --git a/docs/update.md b/docs/update.md index e3bd16d..3877b75 100644 --- a/docs/update.md +++ b/docs/update.md @@ -1,5 +1,11 @@ # 업데이트 이력 +## v1.11.28 + +- 관리자 설정의 사이트 정보 카드를 `AdminSiteInfoSettingsCard` 컴포넌트로 분리. +- 로고 미리보기·로고 파일 선택·사이트 URL·저작권 문구 렌더링 책임을 설정 화면에서 하위 컴포넌트로 이동. +- 설정 화면은 사이트 정보 편집 상태·저장 요청·로고 업로드 처리만 담당하도록 정리. + ## v1.11.27 - 관리자 설정의 블로그 제목·설명 카드를 `AdminTitleDescriptionSettingsCard` 컴포넌트로 분리. diff --git a/package-lock.json b/package-lock.json index 4a6325a..11874d3 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "sori.studio", - "version": "1.11.27", + "version": "1.11.28", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "sori.studio", - "version": "1.11.27", + "version": "1.11.28", "hasInstallScript": true, "dependencies": { "@nuxtjs/tailwindcss": "^6.14.0", diff --git a/package.json b/package.json index 6b8a477..6303fdf 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "sori.studio", - "version": "1.11.27", + "version": "1.11.28", "private": true, "type": "module", "imports": { diff --git a/pages/admin/settings/index.vue b/pages/admin/settings/index.vue index 09ef9aa..f3a61e7 100644 --- a/pages/admin/settings/index.vue +++ b/pages/admin/settings/index.vue @@ -83,7 +83,6 @@ const postExportMaxFileSizeMb = ref(500) const postImportExportPanel = ref('') const errorMessage = ref('') const { toast, showToast } = useAdminToast() -const logoInputRef = ref(null) const homeCoverInputRef = ref(null) const homeCoverDarkInputRef = ref(null) const mainScrollRef = ref(null) @@ -1180,18 +1179,6 @@ const deletePostExportJob = async (job) => { } } -/** - * 로고 파일 선택창을 연다. - * @returns {void} - */ -const openLogoFilePicker = () => { - if (!editMisc.value) { - beginEditMisc() - } - - logoInputRef.value?.click() -} - /** * 사이트 로고를 업로드한다. * @param {Event} event - 파일 선택 이벤트 @@ -2205,156 +2192,17 @@ onBeforeUnmount(() => { @save="saveTitleDescSection" /> -
-
-
-

- 사이트 정보 -

-

- 로고, 공개 URL, 푸터 저작권 문구를 관리합니다. -

-
-
- - -
-
- -
-
-
- 사이트 로고 - - 미등록 - -
-
-
-

- 사이트 URL -

-

- {{ form.siteUrl || '—' }} -

-
-
-

- 저작권 문구 -

-

- {{ form.copyrightText || '—' }} -

-
-
-
-
- -
-
-
-
- 사이트 로고 - - {{ form.logoText || '井' }} - -
-
-

- 로고 -

-

- 1:1 비율 이미지로 등록합니다. 같은 이미지가 공개 로고와 파비콘으로 함께 사용됩니다. -

-
-
- - -
- - - - -
- -
+