From b492abd3b45958afc8ba56d5230bea808843f545 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EB=B0=95=EC=84=B1=ED=95=84?= Date: Tue, 18 Aug 2026 10:53:58 +0900 Subject: [PATCH] =?UTF-8?q?=EC=9A=B4=EC=98=81=20=EA=B8=B0=EB=8A=A5=20?= =?UTF-8?q?=EB=B0=8F=20GA4=20=EB=8C=80=EC=8B=9C=EB=B3=B4=EB=93=9C=20?= =?UTF-8?q?=EB=B0=98=EC=98=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/Repositories/AdminRepository.php | 130 +++++++++-- app/Repositories/PostRepository.php | 34 ++- app/Services/AnalyticsService.php | 253 ++++++++++++++++++++ app/Views/admin/dashboard.php | 39 +++- app/Views/admin/posts/form.php | 56 ++++- app/Views/admin/posts/index.php | 2 +- app/Views/blog/show.php | 31 ++- app/Views/contact.php | 1 + app/Views/layouts/admin.php | 7 +- app/Views/layouts/site.php | 29 ++- app/Views/privacy.php | 38 ++- config/app.php | 9 + config/post_slug_redirects.php | 21 ++ database/seed-media-preview.php | 71 ++++++ docs/architecture.md | 18 +- docs/implementation-todo.md | 40 +++- docs/qa-list.md | 52 ++++- public/assets/css/admin.css | 5 + public/assets/css/content.css | 4 + public/assets/css/site.css | 2 + public/assets/js/admin.js | 338 +++++++++++++++++++++++++++ public/assets/js/site.js | 221 +++++++++++++++++- public/index.php | 185 ++++++++++++++- public/sitemap.xml | 12 +- 24 files changed, 1521 insertions(+), 77 deletions(-) create mode 100644 app/Services/AnalyticsService.php create mode 100644 config/post_slug_redirects.php create mode 100644 database/seed-media-preview.php create mode 100644 public/assets/js/admin.js diff --git a/app/Repositories/AdminRepository.php b/app/Repositories/AdminRepository.php index f07823d..1d30e31 100644 --- a/app/Repositories/AdminRepository.php +++ b/app/Repositories/AdminRepository.php @@ -64,13 +64,40 @@ final class AdminRepository { $statement = $this->db->prepare( 'SELECT posts.*, - (SELECT file_path FROM post_images WHERE post_id = posts.id ORDER BY sort_order, id LIMIT 1) AS image_path, - (SELECT alt_text FROM post_images WHERE post_id = posts.id ORDER BY sort_order, id LIMIT 1) AS image_alt + (SELECT file_path FROM post_images WHERE post_id = posts.id AND caption NOT LIKE \'@gtsit:inline:%\' ORDER BY sort_order, id LIMIT 1) AS image_path, + (SELECT alt_text FROM post_images WHERE post_id = posts.id AND caption NOT LIKE \'@gtsit:inline:%\' ORDER BY sort_order, id LIMIT 1) AS image_alt FROM posts WHERE posts.id = :id AND posts.deleted_at IS NULL LIMIT 1' ); $statement->execute(['id' => $id]); $post = $statement->fetch(); - return $post ?: null; + if (!$post) { + return null; + } + + $media = $this->postMedia($id); + $post['gallery_images'] = $media['gallery']; + $post['inline_images'] = $media['inline']; + return $post; + } + + public function postMedia(int $postId): array + { + $statement = $this->db->prepare( + 'SELECT id, file_path, alt_text, caption, sort_order + FROM post_images WHERE post_id = :post_id ORDER BY sort_order, id' + ); + $statement->execute(['post_id' => $postId]); + $gallery = []; + $inline = []; + foreach ($statement->fetchAll() as $image) { + if (preg_match('/^@gtsit:inline:(\d+)$/', (string) $image['caption'], $matches) === 1) { + $image['token'] = (int) $matches[1]; + $inline[] = $image; + continue; + } + $gallery[] = $image; + } + return ['gallery' => $gallery, 'inline' => $inline]; } public function savePost(array $data, ?int $id = null): int @@ -80,16 +107,20 @@ final class AdminRepository : null; if ($id === null) { + $temporarySlug = 'pending-' . bin2hex(random_bytes(12)); $statement = $this->db->prepare( 'INSERT INTO posts (title, slug, category, excerpt, body, author, status, published_at) VALUES (:title, :slug, :category, :excerpt, :body, :author, :status, :published_at)' ); $statement->execute([ - 'title'=>$data['title'],'slug'=>$data['slug'],'category'=>$data['category'], + 'title'=>$data['title'],'slug'=>$temporarySlug,'category'=>$data['category'], 'excerpt'=>$data['excerpt'],'body'=>$data['body'],'author'=>$data['author'], 'status'=>$data['status'],'published_at'=>$publishedAt, ]); - return (int) $this->db->lastInsertId(); + $postId = (int) $this->db->lastInsertId(); + $updateSlug = $this->db->prepare('UPDATE posts SET slug = :slug WHERE id = :id'); + $updateSlug->execute(['slug' => 'post-' . $postId, 'id' => $postId]); + return $postId; } $statement = $this->db->prepare( @@ -97,7 +128,7 @@ final class AdminRepository body=:body, author=:author, status=:status, published_at=:published_at WHERE id=:id AND deleted_at IS NULL' ); $statement->execute([ - 'title'=>$data['title'],'slug'=>$data['slug'],'category'=>$data['category'], + 'title'=>$data['title'],'slug'=>'post-' . $id,'category'=>$data['category'], 'excerpt'=>$data['excerpt'],'body'=>$data['body'],'author'=>$data['author'], 'status'=>$data['status'],'published_at'=>$publishedAt,'id'=>$id, ]); @@ -138,17 +169,84 @@ final class AdminRepository } } - public function slugExists(string $slug, ?int $exceptId = null): bool - { - $sql = 'SELECT COUNT(*) FROM posts WHERE slug = :slug AND deleted_at IS NULL'; - $params = ['slug' => $slug]; - if ($exceptId !== null) { - $sql .= ' AND id <> :id'; - $params['id'] = $exceptId; + public function savePostWithMedia( + array $data, + ?int $id, + array $galleryImages, + array $inlineImages, + array $deleteImageIds, + array $imageAlts + ): array { + $oldPaths = []; + $this->db->beginTransaction(); + try { + $postId = $this->savePost($data, $id); + $existing = $this->db->prepare( + 'SELECT id, file_path, caption FROM post_images WHERE post_id = :post_id FOR UPDATE' + ); + $existing->execute(['post_id' => $postId]); + $existingImages = $existing->fetchAll(); + $existingIds = array_map('intval', array_column($existingImages, 'id')); + + foreach ($imageAlts as $imageId => $altText) { + $imageId = (int) $imageId; + if (!in_array($imageId, $existingIds, true)) continue; + $update = $this->db->prepare( + 'UPDATE post_images SET alt_text = :alt_text WHERE id = :id AND post_id = :post_id' + ); + $update->execute(['alt_text' => $altText, 'id' => $imageId, 'post_id' => $postId]); + } + + $deleteIds = array_values(array_intersect($existingIds, array_map('intval', $deleteImageIds))); + if ($deleteIds !== []) { + foreach ($existingImages as $existingImage) { + if (in_array((int) $existingImage['id'], $deleteIds, true)) { + $oldPaths[] = (string) $existingImage['file_path']; + } + } + $placeholders = implode(',', array_fill(0, count($deleteIds), '?')); + $delete = $this->db->prepare("DELETE FROM post_images WHERE post_id = ? AND id IN ({$placeholders})"); + $delete->execute([$postId, ...$deleteIds]); + } + + $galleryOrder = 0; + foreach ($existingImages as $existingImage) { + if (!in_array((int) $existingImage['id'], $deleteIds, true) + && !str_starts_with((string) $existingImage['caption'], '@gtsit:inline:')) { + $galleryOrder++; + } + } + $insert = $this->db->prepare( + 'INSERT INTO post_images (post_id, file_path, alt_text, caption, sort_order) + VALUES (:post_id, :file_path, :alt_text, :caption, :sort_order)' + ); + foreach ($galleryImages as $image) { + $insert->execute([ + 'post_id' => $postId, + 'file_path' => $image['path'], + 'alt_text' => $image['alt'], + 'caption' => '@gtsit:gallery', + 'sort_order' => $galleryOrder++, + ]); + } + foreach ($inlineImages as $image) { + $insert->execute([ + 'post_id' => $postId, + 'file_path' => $image['path'], + 'alt_text' => $image['alt'], + 'caption' => '@gtsit:inline:' . $image['token'], + 'sort_order' => 1000 + (int) $image['token'], + ]); + } + + $this->db->commit(); + return ['id' => $postId, 'old_paths' => $oldPaths]; + } catch (\Throwable $exception) { + if ($this->db->inTransaction()) { + $this->db->rollBack(); + } + throw $exception; } - $statement = $this->db->prepare($sql); - $statement->execute($params); - return (int) $statement->fetchColumn() > 0; } public function deletePost(int $id): void diff --git a/app/Repositories/PostRepository.php b/app/Repositories/PostRepository.php index 634bd45..21481ae 100644 --- a/app/Repositories/PostRepository.php +++ b/app/Repositories/PostRepository.php @@ -20,8 +20,8 @@ final class PostRepository { $statement = $this->db->prepare( "SELECT posts.id, posts.title, posts.slug, posts.category, posts.excerpt, posts.published_at, - (SELECT file_path FROM post_images WHERE post_id = posts.id ORDER BY sort_order, id LIMIT 1) AS image_path, - (SELECT alt_text FROM post_images WHERE post_id = posts.id ORDER BY sort_order, id LIMIT 1) AS image_alt + (SELECT file_path FROM post_images WHERE post_id = posts.id AND caption NOT LIKE '@gtsit:inline:%' ORDER BY sort_order, id LIMIT 1) AS image_path, + (SELECT alt_text FROM post_images WHERE post_id = posts.id AND caption NOT LIKE '@gtsit:inline:%' ORDER BY sort_order, id LIMIT 1) AS image_alt FROM posts WHERE posts.status = 'published' AND posts.deleted_at IS NULL AND posts.published_at <= NOW() ORDER BY published_at DESC, id DESC @@ -48,8 +48,8 @@ final class PostRepository $offset = max(0, ($page - 1) * $perPage); $query = $this->db->prepare( "SELECT posts.id, posts.title, posts.slug, posts.category, posts.excerpt, posts.published_at, - (SELECT file_path FROM post_images WHERE post_id = posts.id ORDER BY sort_order, id LIMIT 1) AS image_path, - (SELECT alt_text FROM post_images WHERE post_id = posts.id ORDER BY sort_order, id LIMIT 1) AS image_alt + (SELECT file_path FROM post_images WHERE post_id = posts.id AND caption NOT LIKE '@gtsit:inline:%' ORDER BY sort_order, id LIMIT 1) AS image_path, + (SELECT alt_text FROM post_images WHERE post_id = posts.id AND caption NOT LIKE '@gtsit:inline:%' ORDER BY sort_order, id LIMIT 1) AS image_alt FROM posts WHERE {$where} ORDER BY published_at DESC, id DESC LIMIT :limit OFFSET :offset" @@ -68,14 +68,34 @@ final class PostRepository { $statement = $this->db->prepare( "SELECT posts.id, posts.title, posts.slug, posts.category, posts.excerpt, posts.body, posts.author, posts.published_at, - (SELECT file_path FROM post_images WHERE post_id = posts.id ORDER BY sort_order, id LIMIT 1) AS image_path, - (SELECT alt_text FROM post_images WHERE post_id = posts.id ORDER BY sort_order, id LIMIT 1) AS image_alt + (SELECT file_path FROM post_images WHERE post_id = posts.id AND caption NOT LIKE '@gtsit:inline:%' ORDER BY sort_order, id LIMIT 1) AS image_path, + (SELECT alt_text FROM post_images WHERE post_id = posts.id AND caption NOT LIKE '@gtsit:inline:%' ORDER BY sort_order, id LIMIT 1) AS image_alt FROM posts WHERE posts.slug = :slug AND posts.status = 'published' AND posts.deleted_at IS NULL AND posts.published_at <= NOW() LIMIT 1" ); $statement->execute(['slug' => $slug]); $post = $statement->fetch(); - return $post ?: null; + return $post ? $this->withMedia($post) : null; + } + + public function withMedia(array $post): array + { + $statement = $this->db->prepare( + 'SELECT id, file_path, alt_text, caption, sort_order + FROM post_images WHERE post_id = :post_id ORDER BY sort_order, id' + ); + $statement->execute(['post_id' => $post['id']]); + $post['gallery_images'] = []; + $post['inline_images'] = []; + foreach ($statement->fetchAll() as $image) { + if (preg_match('/^@gtsit:inline:(\d+)$/', (string) $image['caption'], $matches) === 1) { + $image['token'] = (int) $matches[1]; + $post['inline_images'][(int) $matches[1]] = $image; + continue; + } + $post['gallery_images'][] = $image; + } + return $post; } } diff --git a/app/Services/AnalyticsService.php b/app/Services/AnalyticsService.php new file mode 100644 index 0000000..31e7149 --- /dev/null +++ b/app/Services/AnalyticsService.php @@ -0,0 +1,253 @@ +propertyId = (string) config('app.analytics.property_id', ''); + $this->credentialsPath = (string) config('app.analytics.credentials_path', ''); + $this->cachePath = (string) config('app.analytics.cache_path', ''); + $this->cacheTtl = max(60, (int) config('app.analytics.cache_ttl', 900)); + } + + public function dashboard(): array + { + $cache = $this->readCache(); + if ($cache !== null && time() - (int) ($cache['cached_at'] ?? 0) < $this->cacheTtl) { + return $cache + ['available' => true, 'stale' => false]; + } + + try { + $credentials = $this->credentials(); + $token = $this->accessToken($credentials); + $data = [ + 'available' => true, + 'stale' => false, + 'cached_at' => time(), + 'realtime' => $this->realtime($token), + 'summary' => $this->summary($token), + 'all_time_users' => $this->allTimeUsers($token), + 'daily' => $this->daily($token), + 'pages' => $this->pages($token), + 'channels' => $this->channels($token), + ]; + $this->writeCache($data); + return $data; + } catch (Throwable) { + if ($cache !== null) { + $cache['available'] = true; + $cache['stale'] = true; + return $cache; + } + return [ + 'available' => false, + 'stale' => false, + 'message' => '방문 통계를 불러오지 못했습니다. 잠시 후 다시 확인해 주세요.', + ]; + } + } + + private function credentials(): array + { + if ($this->propertyId === '' || !is_file($this->credentialsPath) || !is_readable($this->credentialsPath)) { + throw new RuntimeException('Analytics configuration is unavailable.'); + } + $credentials = json_decode((string) file_get_contents($this->credentialsPath), true); + if (!is_array($credentials) || empty($credentials['client_email']) || empty($credentials['private_key'])) { + throw new RuntimeException('Analytics credentials are invalid.'); + } + return $credentials; + } + + private function accessToken(array $credentials): string + { + $now = time(); + $header = $this->base64Url(json_encode(['alg' => 'RS256', 'typ' => 'JWT'], JSON_THROW_ON_ERROR)); + $claims = $this->base64Url(json_encode([ + 'iss' => $credentials['client_email'], + 'scope' => 'https://www.googleapis.com/auth/analytics.readonly', + 'aud' => 'https://oauth2.googleapis.com/token', + 'iat' => $now, + 'exp' => $now + 3600, + ], JSON_THROW_ON_ERROR)); + $unsigned = $header . '.' . $claims; + $signature = ''; + if (!openssl_sign($unsigned, $signature, (string) $credentials['private_key'], OPENSSL_ALGO_SHA256)) { + throw new RuntimeException('Analytics token signing failed.'); + } + $jwt = $unsigned . '.' . $this->base64Url($signature); + $response = $this->request('https://oauth2.googleapis.com/token', [ + 'grant_type' => 'urn:ietf:params:oauth:grant-type:jwt-bearer', + 'assertion' => $jwt, + ], true); + $token = (string) ($response['access_token'] ?? ''); + if ($token === '') { + throw new RuntimeException('Analytics token was not issued.'); + } + return $token; + } + + private function realtime(string $token): int + { + $report = $this->report($token, 'runRealtimeReport', [ + 'metrics' => [['name' => 'activeUsers']], + ]); + return (int) ($report['rows'][0]['metricValues'][0]['value'] ?? 0); + } + + private function summary(string $token): array + { + $report = $this->report($token, 'runReport', [ + 'dateRanges' => [['startDate' => '30daysAgo', 'endDate' => 'today']], + 'metrics' => array_map(static fn(string $name): array => ['name' => $name], [ + 'activeUsers', 'newUsers', 'screenPageViews', 'sessions', + ]), + ]); + $values = $report['rows'][0]['metricValues'] ?? []; + return [ + 'active_users' => (int) ($values[0]['value'] ?? 0), + 'new_users' => (int) ($values[1]['value'] ?? 0), + 'page_views' => (int) ($values[2]['value'] ?? 0), + 'sessions' => (int) ($values[3]['value'] ?? 0), + ]; + } + + private function allTimeUsers(string $token): int + { + $report = $this->report($token, 'runReport', [ + 'dateRanges' => [['startDate' => '2026-08-12', 'endDate' => 'today']], + 'metrics' => [['name' => 'totalUsers']], + ]); + return (int) ($report['rows'][0]['metricValues'][0]['value'] ?? 0); + } + + private function daily(string $token): array + { + $report = $this->report($token, 'runReport', [ + 'dateRanges' => [['startDate' => '13daysAgo', 'endDate' => 'today']], + 'dimensions' => [['name' => 'date']], + 'metrics' => [['name' => 'activeUsers'], ['name' => 'screenPageViews']], + 'orderBys' => [['dimension' => ['dimensionName' => 'date']]], + ]); + return array_map(static function (array $row): array { + $date = (string) ($row['dimensionValues'][0]['value'] ?? ''); + return [ + 'date' => strlen($date) === 8 ? substr($date, 4, 2) . '.' . substr($date, 6, 2) : $date, + 'users' => (int) ($row['metricValues'][0]['value'] ?? 0), + 'views' => (int) ($row['metricValues'][1]['value'] ?? 0), + ]; + }, $report['rows'] ?? []); + } + + private function pages(string $token): array + { + $report = $this->report($token, 'runReport', [ + 'dateRanges' => [['startDate' => '30daysAgo', 'endDate' => 'today']], + 'dimensions' => [['name' => 'pageTitle'], ['name' => 'pagePath']], + 'metrics' => [['name' => 'screenPageViews']], + 'orderBys' => [['metric' => ['metricName' => 'screenPageViews'], 'desc' => true]], + 'limit' => 5, + ]); + return array_map(static fn(array $row): array => [ + 'title' => (string) ($row['dimensionValues'][0]['value'] ?? '(제목 없음)'), + 'path' => (string) ($row['dimensionValues'][1]['value'] ?? '/'), + 'views' => (int) ($row['metricValues'][0]['value'] ?? 0), + ], $report['rows'] ?? []); + } + + private function channels(string $token): array + { + $report = $this->report($token, 'runReport', [ + 'dateRanges' => [['startDate' => '30daysAgo', 'endDate' => 'today']], + 'dimensions' => [['name' => 'sessionDefaultChannelGroup']], + 'metrics' => [['name' => 'sessions'], ['name' => 'activeUsers']], + 'orderBys' => [['metric' => ['metricName' => 'sessions'], 'desc' => true]], + 'limit' => 5, + ]); + return array_map(static fn(array $row): array => [ + 'channel' => (string) ($row['dimensionValues'][0]['value'] ?? 'Unassigned'), + 'sessions' => (int) ($row['metricValues'][0]['value'] ?? 0), + 'users' => (int) ($row['metricValues'][1]['value'] ?? 0), + ], $report['rows'] ?? []); + } + + private function report(string $token, string $method, array $body): array + { + return $this->request( + 'https://analyticsdata.googleapis.com/v1beta/properties/' . rawurlencode($this->propertyId) . ':' . $method, + $body, + false, + $token + ); + } + + private function request(string $url, array $body, bool $form = false, string $token = ''): array + { + $handle = curl_init($url); + if ($handle === false) { + throw new RuntimeException('HTTP client initialization failed.'); + } + $headers = ['Accept: application/json']; + $payload = $form ? http_build_query($body) : json_encode($body, JSON_THROW_ON_ERROR); + $headers[] = $form ? 'Content-Type: application/x-www-form-urlencoded' : 'Content-Type: application/json'; + if ($token !== '') { + $headers[] = 'Authorization: Bearer ' . $token; + } + curl_setopt_array($handle, [ + CURLOPT_POST => true, + CURLOPT_POSTFIELDS => $payload, + CURLOPT_HTTPHEADER => $headers, + CURLOPT_RETURNTRANSFER => true, + CURLOPT_CONNECTTIMEOUT => 5, + CURLOPT_TIMEOUT => 12, + ]); + $raw = curl_exec($handle); + $status = (int) curl_getinfo($handle, CURLINFO_RESPONSE_CODE); + $error = curl_error($handle); + curl_close($handle); + if (!is_string($raw) || $status < 200 || $status >= 300) { + throw new RuntimeException('Analytics API request failed: ' . ($error !== '' ? $error : (string) $status)); + } + $decoded = json_decode($raw, true); + if (!is_array($decoded)) { + throw new RuntimeException('Analytics API response is invalid.'); + } + return $decoded; + } + + private function base64Url(string $value): string + { + return rtrim(strtr(base64_encode($value), '+/', '-_'), '='); + } + + private function readCache(): ?array + { + if ($this->cachePath === '' || !is_file($this->cachePath) || !is_readable($this->cachePath)) { + return null; + } + $cache = json_decode((string) file_get_contents($this->cachePath), true); + return is_array($cache) ? $cache : null; + } + + private function writeCache(array $data): void + { + $directory = dirname($this->cachePath); + if (!is_dir($directory) && !mkdir($directory, 0700, true) && !is_dir($directory)) { + return; + } + file_put_contents($this->cachePath, json_encode($data, JSON_UNESCAPED_UNICODE | JSON_THROW_ON_ERROR), LOCK_EX); + @chmod($this->cachePath, 0600); + } +} diff --git a/app/Views/admin/dashboard.php b/app/Views/admin/dashboard.php index 4799b24..798cbd7 100644 --- a/app/Views/admin/dashboard.php +++ b/app/Views/admin/dashboard.php @@ -1 +1,38 @@ -
OVERVIEW

대시보드

사이트 콘텐츠와 문의 현황입니다.

전체 글공개 글전체 문의처리 대기
+ (int) ($item['views'] ?? 0), $daily ?: [['views' => 0]])); +$channelLabels = [ + 'Direct' => '직접 유입', + 'Organic Search' => '검색 유입', + 'Organic Social' => '소셜 유입', + 'Referral' => '외부 링크', + 'Unassigned' => '미분류', +]; +?> +
OVERVIEW

대시보드

사이트 콘텐츠, 문의, 방문 현황입니다.

+
전체 글공개 글전체 문의처리 대기
+ +
+
GOOGLE ANALYTICS

방문 현황

운영 사이트의 최근 30일 통계입니다. 관리자와 테스트 페이지는 제외됩니다.

기준 · 15분 간격 갱신
+ +
방문 통계를 표시할 수 없습니다.

+ +
+
최근 접속자최근 30분 내 활동
+
전체 방문자2026.08.12 측정 시작 이후
+
30일 방문자최근 30일 내 활동
+
처음 온 방문자최근 30일 첫 방문
+
페이지 열람 수같은 페이지 반복 포함
+
사이트 방문 횟수방문을 시작한 횟수
+
+
+

14일 페이지 열람 추이

열람 수
+

아직 집계된 방문 데이터가 없습니다.

+
+
+

많이 본 페이지

열람 수

아직 집계된 페이지가 없습니다.

+

방문한 경로

방문 횟수 / 방문자
  1. /

아직 집계된 유입 데이터가 없습니다.

+
+ +
diff --git a/app/Views/admin/posts/form.php b/app/Views/admin/posts/form.php index 3a0313b..bc579d8 100644 --- a/app/Views/admin/posts/form.php +++ b/app/Views/admin/posts/form.php @@ -1,23 +1,61 @@
CONTENTS

초안으로 저장하거나 공개 상태로 게시합니다.

+
테스트 기능여러 대표 이미지와 본문 이미지는 테스트 경로의 초안 미리보기에서만 확인합니다. 확인 전 운영 공개는 제한됩니다.
- +
-
- 대표 이미지 - <?= e($post['image_alt']) ?>

새 파일을 선택하면 현재 대표 이미지가 교체됩니다.

- - -
- + + +
+ 대표 이미지 슬라이드 +

최대 6장 · 2장 이상이면 글 상단에서 5초 간격으로 자동 슬라이드됩니다.

+
+ +
+
+
+
+

본문 편집

텍스트 문단과 이미지만 사용해 글의 구성을 정리합니다.

본문 이미지 최대 10장
+
+
+

이미지는 JPG, PNG, WebP 형식으로 파일당 8MB·6000×6000px까지 등록할 수 있습니다.

+
+ +
+ +
+ 대표 이미지 + <?= e($post['image_alt']) ?>

새 파일을 선택하면 현재 대표 이미지가 교체됩니다.

+ + +
+ +
-
취소
+
취소
+ + +
+
LIVE PREVIEW

작성 내용 미리보기

현재 입력 상태를 저장하지 않고 확인합니다.

+
+
+ +
+
+
+ +
글 삭제

게시글을 복구 가능한 삭제 상태로 전환합니다.

diff --git a/app/Views/admin/posts/index.php b/app/Views/admin/posts/index.php index dec7968..be054aa 100644 --- a/app/Views/admin/posts/index.php +++ b/app/Views/admin/posts/index.php @@ -1 +1 @@ -
CONTENTS

글 관리

블로그 글을 작성하고 공개 상태를 관리합니다.

새 글 작성
제목분류상태공개일관리
/blog/수정

등록된 글이 없습니다

새 글을 작성해 콘텐츠를 추가해 주세요.

+
CONTENTS

글 관리

블로그 글을 작성하고 공개 상태를 관리합니다.

새 글 작성
제목분류상태공개일관리
/blog/미리보기수정

등록된 글이 없습니다

새 글을 작성해 콘텐츠를 추가해 주세요.

diff --git a/app/Views/blog/show.php b/app/Views/blog/show.php index 3b78717..b5897a4 100644 --- a/app/Views/blog/show.php +++ b/app/Views/blog/show.php @@ -1 +1,30 @@ -
← 블로그 목록

기술팀

<?= e($post['image_alt']) ?>

+ $post['image_path'], 'alt_text' => $post['image_alt'] ?? '']; +} +$inlineImages = []; +foreach (($post['inline_images'] ?? []) as $image) $inlineImages[(int) $image['token']] = $image; +$paragraphs = preg_split('/\R{2,}/', trim($post['body'])) ?: []; +?> + +
+ ← +

기술팀

+ 1): ?> +
+
$image): ?>
<?= e($image['alt_text']) ?>
+
$_): ?>
+
+
<?= e($galleryImages[0]['alt_text']) ?>
+
+ + +
<?= e($image['alt_text']) ?>
+

+ +
+ +
diff --git a/app/Views/contact.php b/app/Views/contact.php index 589dd45..cbbfa23 100644 --- a/app/Views/contact.php +++ b/app/Views/contact.php @@ -29,6 +29,7 @@

+

지도를 불러오는 중입니다.

diff --git a/app/Views/layouts/admin.php b/app/Views/layouts/admin.php index 0305882..67d83f8 100644 --- a/app/Views/layouts/admin.php +++ b/app/Views/layouts/admin.php @@ -6,9 +6,10 @@ <?= e($title ?? '관리자') ?> | <?= e(config('app.legal_name')) ?> 관리자 - - - + + + + diff --git a/app/Views/layouts/site.php b/app/Views/layouts/site.php index 716b701..86a697f 100644 --- a/app/Views/layouts/site.php +++ b/app/Views/layouts/site.php @@ -2,7 +2,8 @@ $pageTitle = isset($title) ? $title . ' | ' . config('app.name') : config('app.name'); $pageDescription = $description ?? '네트워크, 키폰, CCTV 설계·시공·유지보수 전문 기업'; $canonicalPath = parse_url($_SERVER['REQUEST_URI'] ?? '/', PHP_URL_PATH) ?: '/'; -$canonical = rtrim((string) config('app.base_url'), '/') . $canonicalPath; +$canonical = isset($canonicalUrl) ? (string) $canonicalUrl : rtrim((string) config('app.base_url'), '/') . $canonicalPath; +$robotsNoindex = config('app.noindex', false) || !empty($noindex); $legalName = site_setting('legal_name', config('app.legal_name')); $phone = site_setting('phone', config('app.contact.phone')); $phoneSub = site_setting('phone_sub', config('app.contact.phone_sub')); @@ -10,6 +11,10 @@ $fax = site_setting('fax', config('app.contact.fax')); $email = site_setting('email', config('app.contact.email')); $address = site_setting('address', config('app.contact.address')); $bizno = site_setting('bizno', '206-86-70582'); +$analyticsMeasurementId = (string) config('app.analytics.measurement_id', ''); +$analyticsHost = strtolower((string) preg_replace('/:\d+$/', '', $_SERVER['HTTP_HOST'] ?? '')); +$analyticsEnabled = config('app.base_path') === '' && in_array($analyticsHost, ['gtsit.co.kr', 'www.gtsit.co.kr'], true); +$analyticsConsentKey = 'gtsit_analytics_consent_v' . config('app.analytics.consent_version', '1') . ($analyticsEnabled ? '' : '_preview'); ?> @@ -18,7 +23,7 @@ $bizno = site_setting('bizno', '206-86-70582'); <?= e($pageTitle) ?> - + @@ -26,11 +31,11 @@ $bizno = site_setting('bizno', '206-86-70582'); - - - + + + - +
@@ -69,8 +74,18 @@ $bizno = site_setting('bizno', '206-86-70582');

연락처

대표번호
경기지점
FAX
이메일

사업자 정보


사업자등록번호

-
© 2026 . All rights reserved.
+
© 2026 . All rights reserved.
+ 전화상담 diff --git a/app/Views/privacy.php b/app/Views/privacy.php index 28eaa29..2dc7447 100644 --- a/app/Views/privacy.php +++ b/app/Views/privacy.php @@ -15,6 +15,7 @@ $email = site_setting('email', config('app.contact.email'));
  • 처리 목적·항목·보유기간
  • 제3자 제공
  • 처리 위탁
    • +
  • 국외 이전
  • 파기
  • 정보주체의 권리
  • 안전성 확보 조치
    • @@ -29,7 +30,10 @@ $email = site_setting('email', config('app.contact.email'));
    - + + + +
    구분처리 목적처리 항목법적 근거보유기간
    온라인 상담 문의상담 접수, 문의자 확인, 답변 제공 및 처리 이력 관리필수: 이름 또는 회사명, 연락처, 문의 유형, 제목, 내용, 조회 PIN의 일방향 암호화값
    선택: 이메일
    자동 생성: 접수번호, 접수·동의·답변·처리 시각    		정보주체의 동의
    「개인정보 보호법」 제15조 제1항 제1호    		문의 처리 종료 후 1년
    온라인 상담 문의상담 접수, 문의자 확인, 답변 제공 및 처리 이력 관리필수: 이름 또는 회사명, 연락처, 문의 유형, 제목, 내용, 조회 PIN의 일방향 암호화값
    선택: 이메일
    자동 생성: 접수번호, 접수·동의·답변·처리 시각    		정보주체의 동의
    「개인정보 보호법」 제15조 제1항 제1호    		문의 처리 종료 후 1년
    웹사이트 이용 통계방문 현황, 이용 경로, 콘텐츠 성과 분석 및 사이트 개선쿠키 식별자, 방문·세션 정보, 페이지 URL·제목, 유입 경로, 브라우저·기기 정보, 대략적인 지역, 상호작용 시각통계 쿠키와 국외 이전에 대한 정보주체의 선택 동의Google Analytics 사용자·이벤트 데이터 2개월
    집계 보고서는 서비스 정책에 따른 기간

    관계 법령에 따라 개인정보를 별도로 보존해야 하는 경우에는 해당 법령에서 정한 기간 동안 분리하여 보관합니다.

    @@ -43,43 +47,57 @@ $email = site_setting('email', config('app.contact.email'));

    3. 개인정보 처리업무의 위탁

    회사는 원활한 사이트 운영을 위해 다음 업무를 위탁하고 있으며, 위탁계약 등을 통해 개인정보가 안전하게 관리되도록 필요한 사항을 규정하고 있습니다.

    -
    수탁업체위탁업무
    카페24(주)웹·데이터베이스 호스팅, 데이터 저장 및 백업을 위한 인프라 제공
    +
    수탁업체위탁업무
    카페24(주)웹·데이터베이스 호스팅, 데이터 저장 및 백업을 위한 인프라 제공
    Google LLC동의한 이용자의 Google Analytics 방문 통계 처리

    수탁업체 또는 위탁업무가 변경되면 본 처리방침을 통해 공개합니다.

    +
    +

    4. 개인정보의 국외 이전

    +

    회사는 이용자가 통계 쿠키를 허용한 경우에만 다음과 같이 이용 정보를 국외로 이전합니다. 동의하지 않거나 이후 동의를 철회해도 웹사이트의 일반 기능 이용에는 제한이 없습니다.

    +
    + + + +
    이전받는 자이전 국가이전 항목·목적이전 시기·방법보유·이용기간
    Google LLC
    문의처    		미국 및 Google 데이터센터가 위치한 국가쿠키 식별자, 방문·세션 정보, 페이지 URL·제목, 유입 경로, 브라우저·기기 정보, 대략적인 지역, 상호작용 시각
    방문 통계 분석 및 사이트 개선    		동의 후 사이트 이용 시 암호화된 네트워크를 통해 이전사용자·이벤트 데이터 2개월. 관계 법령이나 Google 서비스 정책에 따른 예외가 있는 경우 해당 기간
    +
    +

    이용자는 최초 안내에서 “거부”를 선택하거나, 페이지 하단의 “통계 쿠키 설정”에서 동의를 철회할 수 있습니다.

    +
    +
    -

    4. 개인정보의 파기 절차 및 방법

    +

    5. 개인정보의 파기 절차 및 방법

    회사는 보유기간이 지나거나 처리 목적을 달성해 개인정보가 불필요하게 된 경우 지체 없이 파기합니다. 온라인 문의는 관리자가 처리 상태를 “종료”로 변경한 시점부터 1년간 보관한 뒤 데이터베이스에서 복구할 수 없도록 삭제합니다. 관계 법령에 따라 보존해야 하는 정보는 다른 개인정보와 분리하여 보관한 후 기간이 끝나면 파기합니다.

    • 전자적 파일: 복구 또는 재생할 수 없는 방법으로 영구 삭제
    • 종이 문서가 발생한 경우: 분쇄 또는 소각
    -

    5. 정보주체와 법정대리인의 권리·의무 및 행사방법

    +

    6. 정보주체와 법정대리인의 권리·의무 및 행사방법

    정보주체는 회사에 개인정보 열람, 정정·삭제, 처리정지 및 동의 철회를 요구할 수 있습니다. 아래 담당부서에 전화 또는 이메일로 요청하면 본인 확인 후 관련 법령에서 정한 절차에 따라 처리합니다. 법정대리인이나 위임받은 사람을 통해서도 권리를 행사할 수 있으며, 이 경우 위임장 등 정당한 대리권을 확인할 수 있는 자료를 요청할 수 있습니다.

    -

    6. 개인정보의 안전성 확보 조치

    +

    7. 개인정보의 안전성 확보 조치

    회사는 개인정보의 분실·도난·유출·위조·변조 또는 훼손을 방지하기 위해 다음 조치를 시행합니다.

    • 개인정보 취급자 및 관리자 접근 권한 제한
    • 조회 PIN과 관리자 비밀번호의 일방향 암호화 저장
    • HTTPS 암호화 통신, 접근 통제 및 조회 시도 제한
    • 보안 프로그램과 서버 소프트웨어의 점검 및 갱신
    • 개인정보 처리시스템 접속기록의 보호와 정기 점검
    -

    8. 개인정보 보호 담당부서 및 권익침해 구제

    +

    9. 개인정보 보호 담당부서 및 권익침해 구제

    개인정보 보호 담당부서

    담당
    개인정보 보호 담당부서
    전화
    이메일

    개인정보 침해에 관한 상담이나 피해 구제가 필요한 경우 다음 기관에 문의할 수 있습니다.

    -

    9. 개인정보처리방침의 변경

    -

    이 개인정보처리방침은 2026년 8월 5일부터 적용됩니다. 내용이 변경되는 경우 시행 전에 사이트를 통해 안내합니다.

    -

    공고일자: 2026년 8월 5일
    시행일자: 2026년 8월 5일

    +

    10. 개인정보처리방침의 변경

    +

    이 개인정보처리방침은 2026년 8월 12일부터 적용됩니다. 내용이 변경되는 경우 시행 전에 사이트를 통해 안내합니다.

    +

    공고일자: 2026년 8월 12일
    시행일자: 2026년 8월 12일

    diff --git a/config/app.php b/config/app.php index 81eb1f1..e3f905b 100644 --- a/config/app.php +++ b/config/app.php @@ -18,6 +18,15 @@ return [ 'latitude' => 37.48524, 'longitude' => 127.11478, ], + 'analytics' => [ + 'measurement_id' => (string) (getenv('GA4_MEASUREMENT_ID') ?: 'G-92XBR314YD'), + 'property_id' => (string) (getenv('GA4_PROPERTY_ID') ?: '549573245'), + 'stream_id' => (string) (getenv('GA4_STREAM_ID') ?: '15422491033'), + 'consent_version' => '1', + 'credentials_path' => (string) (getenv('GA4_CREDENTIALS_PATH') ?: dirname(__DIR__) . '/.secrets/ga4-service-account.json'), + 'cache_path' => (string) (getenv('GA4_CACHE_PATH') ?: dirname(__DIR__) . '/storage/cache/ga4-dashboard.json'), + 'cache_ttl' => 900, + ], 'contact' => [ 'phone' => '1833-4917', 'phone_sub' => '1833-4918', diff --git a/config/post_slug_redirects.php b/config/post_slug_redirects.php new file mode 100644 index 0000000..bfa379a --- /dev/null +++ b/config/post_slug_redirects.php @@ -0,0 +1,21 @@ + 'post-1', + 'lg-vs-samsung-keyphone-guide' => 'post-2', + 'warehouse-network-keyphone-case' => 'post-3', + 'wired-vs-wireless-office-guide' => 'post-4', + 'cctv-resolution-storage-guide' => 'post-5', + 'network-switch-troubleshooting-case' => 'post-6', + 'hybrid-office-wifi-design' => 'post-7', + 'keyphone-hybrid-replacement-guide' => 'post-8', + 'multi-store-cctv-monitoring-case' => 'post-9', + 'office-lan-structure-cabling-guide' => 'post-10', + 'outdoor-wireless-link-installation-guide' => 'post-11', + 'keyphone-system-capacity-selection' => 'post-12', + 'cctv-recorder-essential-features' => 'post-13', + 'network-rack-cabling-maintenance-case' => 'post-14', + 'media-gallery-inline-preview' => 'post-15', +]; diff --git a/database/seed-media-preview.php b/database/seed-media-preview.php new file mode 100644 index 0000000..ac5d299 --- /dev/null +++ b/database/seed-media-preview.php @@ -0,0 +1,71 @@ +beginTransaction(); +try { + $find = $db->prepare('SELECT id FROM posts WHERE slug = :slug LIMIT 1'); + $find->execute(['slug' => $slug]); + $postId = (int) ($find->fetchColumn() ?: 0); + $body = implode("\n\n", [ + '여러 장의 대표 이미지가 글 상단에서 자동으로 전환되는지 확인하기 위한 테스트 초안입니다.', + '[[image:1]]', + '본문 문단 사이에 현장 이미지를 배치할 수 있습니다. 이미지 토큰은 관리자 글쓰기 화면의 삽입 버튼으로 추가합니다.', + '[[image:2]]', + '이 글은 운영 반영 전 기능과 화면 구성을 확인하기 위한 전용 초안이며 공개 목록에는 노출되지 않습니다.', + ]); + $values = [ + 'title' => '[테스트] 대표 이미지 슬라이드와 본문 이미지', + 'slug' => $slug, + 'category' => '시공사례', + 'excerpt' => '여러 대표 이미지와 본문 중간 이미지 배치를 확인하는 테스트 전용 초안입니다.', + 'body' => $body, + 'author' => '(주)지티에스정보통신', + ]; + if ($postId === 0) { + $insertPost = $db->prepare( + "INSERT INTO posts (title, slug, category, excerpt, body, author, status, published_at) + VALUES (:title, :slug, :category, :excerpt, :body, :author, 'draft', NULL)" + ); + $insertPost->execute($values); + $postId = (int) $db->lastInsertId(); + } else { + $updatePost = $db->prepare( + "UPDATE posts SET title=:title, category=:category, excerpt=:excerpt, body=:body, + author=:author, status='draft', published_at=NULL, deleted_at=NULL WHERE id=:id" + ); + $updatePost->execute([...$values, 'id' => $postId]); + $deleteImages = $db->prepare('DELETE FROM post_images WHERE post_id = :post_id'); + $deleteImages->execute(['post_id' => $postId]); + } + + $images = [ + ['/uploads/media-preview/slide1.jpg', '현장 통신 장비 설치 이미지', '@gtsit:gallery', 0], + ['/uploads/media-preview/slide3.jpg', '건물 통신 인프라 시공 이미지', '@gtsit:gallery', 1], + ['/uploads/media-preview/slide4.jpg', '사무실 네트워크 구축 이미지', '@gtsit:gallery', 2], + ['/uploads/media-preview/case1.jpg', '본문에 배치한 현장 시공 이미지 첫 번째', '@gtsit:inline:1', 1001], + ['/uploads/media-preview/case2.jpg', '본문에 배치한 현장 시공 이미지 두 번째', '@gtsit:inline:2', 1002], + ]; + $insertImage = $db->prepare( + 'INSERT INTO post_images (post_id, file_path, alt_text, caption, sort_order) + VALUES (:post_id, :file_path, :alt_text, :caption, :sort_order)' + ); + foreach ($images as [$filePath, $altText, $caption, $sortOrder]) { + $insertImage->execute([ + 'post_id' => $postId, + 'file_path' => $filePath, + 'alt_text' => $altText, + 'caption' => $caption, + 'sort_order' => $sortOrder, + ]); + } + $db->commit(); + echo $postId; +} catch (Throwable $exception) { + if ($db->inTransaction()) $db->rollBack(); + throw $exception; +} diff --git a/docs/architecture.md b/docs/architecture.md index 54220f3..43333c3 100644 --- a/docs/architecture.md +++ b/docs/architecture.md @@ -1,6 +1,6 @@ # GTSIT 사이트 설계안 -최종 수정일: 2026-08-10 +최종 수정일: 2026-08-18 ## 1. 구축 목표 @@ -132,9 +132,23 @@ public/ - 개인정보 파기: 문의가 `closed`로 전환된 시각을 기록하고 1년이 지난 문의를 `bin/purge-inquiries.php`로 데이터베이스에서 완전 삭제 - 파기 실행 환경: 현재 뉴아우토반 공유 웹호스팅은 cron을 지원하지 않아 정리 명령을 수동 실행할 수 있도록 배포했으며, 외부 스케줄러 또는 지원 상품 전환 시 정기 실행 등록 필요 - 관리자: 서버 세션, 비밀번호 해시, 계정별 잠금, 세션 단위 시도 제한, 모든 하위 경로 인증 선행 +- 방문 통계: 무료 GA4 표준 속성으로 운영 공개 페이지만 측정하고 관리자·테스트 경로 제외, Analytics Data API는 서버의 읽기 전용 서비스 계정과 15분 캐시를 통해 관리자 대시보드에 집계값만 제공 +- 통계 개인정보 경계: 문의 이름·연락처·이메일·본문과 관리자 식별정보는 GA4 이벤트에 포함하지 않고, 통계 쿠키 동의 전에는 Analytics 저장을 비활성화 +- GA4 식별자: 계정 `(주)지티에스정보통신`, 속성 ID `549573245`, 운영 웹 스트림 ID `15422491033`, 측정 ID `G-92XBR314YD` +- 통계 동의 흐름: 최초 선택 전 Google 태그 미로딩, 허용 시 운영 호스트에서만 측정, 거부·철회 시 Analytics 저장 거부와 회사 도메인 `_ga` 쿠키 삭제 시도, 광고 저장·Google 신호·광고 개인화는 항상 비활성화 +- 관리자 통계: Google Cloud 프로젝트 `gtsit-ga4-dashboard-20260812`의 전용 서비스 계정에 GA4 속성 `뷰어` 권한만 부여하고, 서버에서 Analytics Data API를 조회해 15분간 비공개 파일 캐시 +- GA4 키 보관: JSON 개인키는 Git과 웹 루트 밖의 앱 `.secrets/`에 권한 `600`으로 보관하며 브라우저 HTML·JavaScript·로그에 포함하지 않음 +- 통계 장애 대응: API 오류 시 마지막 정상 캐시를 표시하고, 캐시도 없을 때는 관리자 화면에 일반 안내만 표시해 자격 증명·API 오류 세부 정보 비노출 +- 전체 방문자 기준: GA4 측정 시작일 `2026-08-12`부터 오늘까지의 `totalUsers`를 표시하며 이전 방문 기록은 포함하지 않음 - 초기 관리자: 24시간 유효한 토큰을 세션으로 교환한 뒤 비밀번호를 직접 설정하며, 생성 즉시 토큰 파일 삭제 -- 게시글: slug, 분류, 초안·공개 상태, 소프트 삭제 기반 +- 게시글: 신규·기존 slug는 DB 게시글 번호 기반 `post-{id}` 자동 생성, 종전 slug는 정적 별칭을 통한 301 이동, 분류, 초안·공개 상태, 소프트 삭제 기반 - 대표 이미지: JPG·PNG·WebP, 8MB, 6000px 제한, MIME 재검증, 임의 파일명, 대체 텍스트 적용 +- 게시글 미디어 실험: 테스트 경로에서 대표 이미지 최대 6장 슬라이드와 본문 이미지 최대 10장을 지원하고, 본문은 독립 줄의 `[[image:번호]]` 토큰 위치에 안전하게 렌더링 +- 관리자 본문 편집: 범용 HTML 에디터 대신 textarea 문단과 이미지 카드만 제공하는 전용 블록 UI 사용, 위·아래 이동과 삭제 후 기존 텍스트·토큰 형식으로 직렬화 +- 작성 화면 미리보기: 저장 전 폼 상태와 선택 파일의 브라우저 임시 URL을 모달에 안전한 DOM API로 렌더링하며, 미리보기 조작은 서버 요청이나 DB 저장을 발생시키지 않음 +- 본문 보안 경계: 임의 HTML·`contenteditable`·`innerHTML`을 사용하지 않고 텍스트는 기존 출력 이스케이프, 이미지는 서버 검증 파일과 DB 연결 정보만 렌더링 +- 운영 호환성: 공유 DB 스키마 변경 없이 `post_images.caption`의 `@gtsit:gallery`, `@gtsit:inline:번호` 내부 표식과 정렬순서를 사용하며, 운영 코드가 항상 첫 대표 이미지를 선택하도록 유지 +- 실험 공개 제한: 다중 대표 이미지 또는 본문 이미지가 포함된 게시글은 운영 반영 승인 전까지 초안으로만 저장 - 이미지 없는 게시글 카드: 글을 숨기지 않고 `GTS` 로고와 카테고리 색상을 사용한 16:9 브랜드 플레이스홀더 표시, 대표 이미지 등록 시 실제 이미지 우선 - 회사 정보: 관리자 화면에서 연락처·주소·사업자 정보를 DB 설정값으로 관리 - 오시는 길: NAVER Cloud Dynamic Map으로 주소 기반 지도와 회사 마커 표시, API 오류 시 네이버 지도 검색 링크 제공 diff --git a/docs/implementation-todo.md b/docs/implementation-todo.md index 770cab9..3b80c1d 100644 --- a/docs/implementation-todo.md +++ b/docs/implementation-todo.md @@ -1,6 +1,6 @@ # 구현 TODO -최종 수정일: 2026-08-10 +최종 수정일: 2026-08-18 완료한 작업은 체크하고, 설정값이나 URL이 바뀌면 관련 문서도 함께 갱신합니다. @@ -106,6 +106,9 @@ - [x] [사용자] Maps Client ID 전달·등록, Client Secret은 전달하지 않음 - [x] [Codex] 오시는 길 지도·회사 마커·네이버 지도 열기 fallback 구현 - [x] [Codex] 지도 SDK 요소 높이 안정화 및 사용자 정의 전체화면 컨트롤 적용 +- [x] [Codex] 지도 내부 컨트롤보다 전화상담 플로팅 버튼이 위에 표시되도록 스태킹 순서 보정 +- [x] [Codex] 지도 드래그·키보드 이동 차단 및 마커 중심 확대·축소 고정 +- [x] [Codex] 핀치·휠·더블클릭/탭 줌 차단 및 주소 중심 확대·축소 컨트롤만 허용 - [x] [사용자] 기존 사이트 백업의 실제 시공 이미지 원본 전달 - [ ] [사용자] 최신 시공 이미지 추가 전달 - [x] [Codex] 관리자 인증·세션·접근 통제 방식 확정 @@ -147,10 +150,36 @@ - [x] [Codex] 클라이언트 코드의 기존 관리자 인증값 제거 - [x] [Codex] 대시보드 구현 - [x] [Codex] 게시글 목록, 작성, 수정, 소프트 삭제 구현 +- [x] [Codex] 신규·기존 게시글 URL을 `post-글번호` 형식으로 자동 생성하고 이전 주소 301 연결 +- [x] [Codex] 관리자 글 목록에서 초안·공개 글의 인증된 실제 화면 미리보기 구현 - [x] [Codex] 이미지 업로드 검증 구현 +- [x] [Codex] 테스트 경로에 대표 이미지 최대 6장 슬라이드와 본문 이미지 최대 10장 배치 기능 구현 +- [x] [Codex] 다중·본문 이미지가 있는 글의 테스트 기간 공개 차단과 전용 초안 미리보기 구성 +- [x] [Codex] 관리자 본문 입력을 텍스트 문단·이미지 전용 블록 편집 UI로 개선 +- [x] [Codex] 블록 이동·삭제·대체 텍스트와 안전한 내부 토큰 직렬화 구현 +- [x] [Codex] 글쓰기 화면에서 저장 전 제목·본문·대표 이미지·본문 이미지 즉시 미리보기 구현 +- [x] [Codex] 테스트 base path가 등록 본문 이미지의 JavaScript 미리보기 경로에 누락되는 문제 수정 +- [ ] [공동] 테스트 초안의 슬라이드·본문 이미지 UI 검토 및 수정사항 확정 +- [ ] [Codex] 승인된 다중·본문 이미지 기능 운영 코드 반영 - [x] [Codex] 문의 목록, 상세, 처리 상태 및 공개 답변 구현 - [x] [Codex] 회사 및 사이트 설정 구현 - [x] [Codex] CSRF, 세션 만료, 로그인 시도 제한, 권한 검증 적용 +- [x] [사용자] GA4 표준 속성과 `gtsit.co.kr` 웹 데이터 스트림 생성 +- [x] [Codex] 운영 공개 페이지에 통계 동의 기반 Google 태그 적용, 관리자·테스트 경로 제외 +- [x] [사용자] Analytics Data API 서비스 계정 생성과 GA4 뷰어 권한 부여 +- [x] [Codex] GA4 Data API 연동과 15분 서버 캐시 구현 +- [x] [Codex] 관리자 대시보드 방문자·페이지뷰·유입경로·인기 페이지 UI 구현 +- [x] [Codex] GA4 전문 용어를 최근 접속자·30일 방문자·페이지 열람 수·사이트 방문 횟수로 쉽게 표시 +- [x] [Codex] GA4 측정 시작일 이후 전체 방문자 지표 추가 +- [x] [공동] 테스트 관리자 대시보드의 데스크톱 UI 확인 +- [ ] [공동] 관리자 대시보드 모바일 UI 확인 +- [ ] [Codex] 문의 제출 전환 이벤트와 전환 지표 추가 + +GA4 진행 메모: 2026-08-12 계정 `(주)지티에스정보통신`, 속성 ID `549573245`, 운영 웹 스트림 ID `15422491033`, 측정 ID `G-92XBR314YD`를 생성했습니다. 선택 동의 전에는 Google 스크립트를 로드하지 않고, 테스트·관리자 경로는 측정하지 않습니다. 운영 동의 후 GA4 실시간 활성 사용자 1명을 확인했습니다. + +GA4 관리자 연동 메모: 2026-08-13 Google Cloud 프로젝트 `gtsit-ga4-dashboard-20260812`에서 Analytics Data API를 활성화하고 서비스 계정 `gtsit-ga4-reader@gtsit-ga4-dashboard-20260812.iam.gserviceaccount.com`에 GA4 속성 `뷰어` 권한만 부여했습니다. 서버 측 OAuth와 Data API 실제 조회에서 사용자·페이지뷰·세션 데이터 응답을 확인했고, 집계 결과는 웹 루트 밖에 15분간 권한 600으로 캐시합니다. 테스트 관리자 화면의 최종 시각 QA 후 운영에 반영합니다. + +운영 반영 메모: 2026-08-13 현재 저장소의 공개·관리자 실행 코드, 번호형 게시글 URL, 문의·개인정보 화면, 관리자 글쓰기 개선, GA4 대시보드와 공개 에셋을 운영에 반영했습니다. 서버 기존 파일은 `/home/hosting_users/gts0201/.deploy-backup-20260813-current-work`에 앱·웹 아카이브로 보관했습니다. 운영 PHP 문법, GA4 Data API 실제 조회, 비밀키·캐시 권한 600, 주요 공개 경로와 에셋 200, 관리자 비로그인 302, 게시글 200과 이전 주소 301, 홈·문의·네이버 지도 렌더링을 확인했습니다. ## 9. 운영 설정 및 출시 @@ -162,6 +191,7 @@ - [x] [Codex] 업로드 디렉터리 PHP 실행 차단 설정 작성 - [ ] [사용자] 하드 용량 및 트래픽 알림 수신처 결정 - [ ] [공동] 용량 및 트래픽 알림 활성화 +- [ ] [공동] GA4 통계 쿠키 동의 문구와 개인정보처리방침 국외 처리 항목 최종 검토 - [x] [공동] 검색 봇 차단 정책과 공개 시점 결정 - [x] [Codex] 공개 페이지 허용·관리자와 비공개 문의 조회 차단 `robots.txt` 배포 - [x] [Codex] 공개 페이지와 게시글 6건 `sitemap.xml` 배포 @@ -176,3 +206,11 @@ 지도 연동 메모: 2026-08-05 Client ID `0xuekem2qn`을 `ncpKeyId`로 등록했습니다. 고정된 회사 위치는 주소 변환 API를 매번 호출하지 않고 확인된 위·경도로 표시하며, `Dynamic Map`만으로 회사 마커를 렌더링합니다. 지도 SDK 로드·인증 실패 시에도 주소와 네이버 지도 검색 링크를 유지합니다. 운영 오픈 메모: 2026-08-10 기존 임시 페이지와 루트 설정을 `.deploy-backup-20260810-production-open`에 보존하고 `https://gtsit.co.kr`을 본 사이트로 전환했습니다. 운영 앱은 웹 루트 밖의 `gtsit-app-20260810`, 공개 파일은 `www`에 배치했습니다. 주요 공개 경로·게시글 6건·에셋·지도·관리자 로그인·HTTPS 리디렉션·업로드 PHP 실행 차단을 확인했습니다. 일반 GET은 정상이나 `HEAD` 요청을 라우터가 404로 처리하는 호환성 항목은 로직 변경 승인 후 보완합니다. 최초 커밋 `dbb35d3`은 생성했으며 원격 저장소 HTTPS 인증 정보가 없어 push는 사용자 인증 후 재시도합니다. + +게시글 미디어 테스트 메모: 2026-08-10 운영과 테스트가 같은 DB를 사용하므로 스키마는 변경하지 않고 `post_images.caption` 내부 표식으로 대표·본문 이미지를 구분했습니다. `/site-preview-7c2a91f4/admin/posts/15/preview`에 테스트 전용 초안을 구성했으며, 대표 3장 자동 슬라이드와 본문 2장 위치 배치를 확인했습니다. 다중 또는 본문 이미지가 있는 글은 운영 반영 전까지 `draft` 저장만 허용하며 운영 앱 파일은 변경하지 않았습니다. + +본문 블록 편집기 메모: 2026-08-10 범용 WYSIWYG와 임의 HTML 저장을 사용하지 않고 테스트 관리자에 텍스트 문단·이미지 블록 편집기를 적용했습니다. 관리 화면은 내부 `[[image:번호]]`를 숨기고 실제 이미지 카드로 보여주며, 저장 직전에만 기존 일반 텍스트 형식으로 변환합니다. 이미지 위치 토큰은 서버에서 숫자 범위·중복·본문 1회 배치·실제 이미지 연결 여부를 재검증합니다. + +작성 화면 미리보기 메모: 2026-08-10 테스트 관리자 편집 화면에 저장 전 내용을 즉시 확인하는 모달을 추가했습니다. 현재 입력 중인 제목·분류·작성자·문단과 기존/신규 대표 이미지·본문 이미지를 브라우저 DOM으로만 구성하며, 미리보기를 열거나 대표 이미지 썸네일을 전환해도 데이터베이스에는 저장하지 않습니다. + +게시글 URL 자동 생성 메모: 2026-08-10 새 글 저장 시 DB가 발급한 게시글 번호를 기준으로 `post-16`, `post-17`처럼 slug를 자동 생성하도록 변경했습니다. 기존 1~15번 글도 `post-1`~`post-15`로 통일하고 종전 주소는 새 주소로 301 이동하도록 보존하며, 작성·수정 화면에서는 URL을 직접 입력하지 않습니다. diff --git a/docs/qa-list.md b/docs/qa-list.md index 564646f..a324baf 100644 --- a/docs/qa-list.md +++ b/docs/qa-list.md @@ -47,6 +47,8 @@ 운영 오픈 기록: 2026-08-10 `https://gtsit.co.kr` 운영 루트를 본 사이트로 전환했습니다. 홈·블로그·문의·개인정보와 공개 게시글 6건은 GET 200, 없는 경로는 404, 비로그인 관리자는 `/admin/login`으로 이동했습니다. 공개 canonical에서 테스트 경로가 제거되고 공개 화면에는 robots 차단이 없으며 관리자 화면은 `noindex,nofollow,noarchive`를 유지합니다. 홈 1280px에서 메인 이미지 4장·서비스 아이콘 4개·최신 글 3개와 가로 넘침 없음을 확인했고, 문의 지도는 `ready`·프레임 300px·지도 298px·타일 27개·전체화면 버튼 표시 상태입니다. 운영 업로드 경로의 임시 PHP 파일 요청은 403으로 차단됐고 검사 파일은 즉시 삭제했습니다. +관리자 글 미리보기 기록: 2026-08-10 글 관리 목록의 14개 글에 관리자 전용 미리보기 링크를 추가했습니다. 초안 1건과 공개 글 1건을 실제 공개 페이지 레이아웃으로 확인했으며, 상태별 미리보기 안내·수정 링크·대표 이미지·초안 수정일 대체 표시·공개 URL canonical·`noindex,nofollow,noarchive`·가로 넘침 없음을 검증했습니다. 비로그인 요청은 관리자 로그인으로 이동합니다. + 회사 정보 반영 기록: 2026-08-04 대표 이메일과 주소를 `site_settings` 및 애플리케이션 기본값에 반영했습니다. 테스트 문의 페이지에서 새 주소, 푸터에서 새 이메일·주소가 표시되고 이전 값이 남아 있지 않은 것을 확인했습니다. 회사명 통일 기록: 2026-08-04 공개 헤더·푸터·메타데이터, 관리자 콘솔, 게시글 작성자 기본값과 기존 초안 9건, 운영 루트 임시 페이지를 `(주)지티에스정보통신`으로 통일했습니다. 실제 응답 3개 화면에서 이전 표기 0건, 새 표기 16건을 확인했고 360·390·1440px에서 가로 넘침이 없었습니다. @@ -63,6 +65,12 @@ 지도 표시·전체화면 수정 기록: 2026-08-05 NAVER SDK가 지도 요소의 위치 속성을 덮어써 내부 높이가 0px이 된 원인을 수정했습니다. 일반 상태에서 프레임 300px·지도 298px·타일 이미지 27개·마커 1개를 확인했습니다. 사용자 정의 전체화면 아이콘으로 720px 확장 후 298px 복귀와 마커 유지를 검증했고, 390px에서도 지도 298px와 가로 넘침 없음을 확인했습니다. 정상 상태의 외부 텍스트 링크는 숨기고 실패 시 fallback으로 유지합니다. +지도·전화상담 스태킹 기록: 2026-08-10 네이버 지도 내부 컨트롤이 최대 `z-index: 10000`을 사용해 `z-index: 80`인 전화상담 버튼보다 위에 표시되는 현상을 확인했습니다. 지도 프레임에 독립 스태킹 컨텍스트를 적용하고 전화상담 버튼을 공통 헤더보다 높은 `z-index: 200`으로 조정했습니다. 운영 문의 화면의 실제 겹침 지점에서 최상위 요소가 전화상담 링크이고 지도는 `ready` 상태를 유지하며 가로 넘침이 없음을 확인했습니다. + +지도 이동 잠금 기록: 2026-08-10 네이버 지도 옵션에서 마우스·터치 드래그와 키보드 이동을 차단하고 휠·핀치·확대축소 컨트롤은 유지했습니다. 확대 이벤트마다 회사 마커 좌표를 중심으로 재고정합니다. 운영 화면에서 확대 버튼을 눌렀을 때 지도 타일이 27개에서 39개로 갱신되고 마커의 지도 중심 오차가 확대 전후 `1px, -16px`로 동일하며 `ready` 상태가 유지됨을 확인했습니다. + +지도 제스처 줌 차단 기록: 2026-08-10 핀치·휠·더블클릭·더블탭·두 손가락 탭 확대축소를 비활성화했습니다. 네이버 기본 줌 컨트롤도 축소 시 세로 중심이 이동하는 것을 확인해 제거하고, 회사 주소 좌표를 중심으로 애니메이션 없이 줌 단계만 변경하는 자체 `+ / −` 컨트롤로 교체했습니다. 운영 화면에서 기본 줌 컨트롤 0개·자체 버튼 2개를 확인했고, 자체 축소 전후 마커 중심 오차가 모두 `1px, -16px`로 동일하며 지도 `ready` 상태가 유지됐습니다. + 블로그 임시 썸네일 기록: 2026-08-05 공개 글 6건 중 실제 대표 이미지 5건은 기존 사진을 유지하고, 이미지가 없는 1건에는 `GTS` 브랜드 플레이스홀더가 표시되는 것을 확인했습니다. 1280px에서 카드 행 높이 정렬과 가로 넘침 없음, 390px에서 카드 358px·플레이스홀더 356×199px 및 가로 넘침 없음을 확인했습니다. 문의 입력 편의 기록: 2026-08-05 이메일 아이디 `11111`과 `naver.com` 선택 시 전송용 값 `11111@naver.com`, `직접입력` 선택 시 전체 주소 `hello@company.co.kr`이 유지되는 것을 확인했습니다. 연락처 숫자 `01011111111`은 `010-1111-1111`로 자동 변환됐습니다. 실제 문의는 생성하지 않았으며 390px에서 이메일 필드 312px와 가로 넘침 없음을 확인했습니다. @@ -178,11 +186,29 @@ - [ ] 반복 로그인 실패 제한 - [ ] 세션 만료 후 재인증 요구 - [ ] 게시글 작성, 수정, 삭제, 공개 상태 동작 +- [x] 관리자 글 목록에서 초안·공개 글 미리보기와 비로그인 접근 차단 +- [x] 신규·기존 게시글의 `post-{id}` 자동 URL과 종전 주소 301 이동 +- [x] 테스트 초안에서 대표 이미지 3장 슬라이드 렌더링과 5초 자동 전환 +- [x] 테스트 초안 본문의 `[[image:번호]]` 위치에 이미지 2장 렌더링 +- [x] 관리자에서 내부 이미지 토큰 미노출 및 문단·이미지 블록 변환 +- [x] 이미지 블록 위·아래 이동 후 저장과 공개 형식 미리보기 순서 일치 +- [x] 블록 저장 후 기존 텍스트 이스케이프·이미지 매핑 구조 유지 +- [x] 작성 화면 미리보기에 저장 전 제목·본문 변경 즉시 반영 +- [x] 작성 화면 미리보기에서 대표 이미지 개수·썸네일·본문 이미지 렌더링 확인 +- [x] 대표 이미지 썸네일 선택 시 미리보기의 큰 이미지 전환 +- [x] 테스트 관리자 블록 편집기의 등록 본문 이미지 경로와 실제 이미지 응답 확인 +- [x] 대표 슬라이드 이전·다음·직접 선택·일시정지 조작 제공 +- [x] 다중·본문 이미지가 있는 글의 공개 저장 차단 +- [ ] 이미지 파일 선택 후 대체 텍스트·본문 삽입 버튼 실제 업로드 회귀 테스트 - [ ] 관리자 목록의 검색, 필터, 페이지네이션 동작 - [ ] 문의 목록, 상세, 처리 상태 변경 동작 - [ ] 모바일 표와 조작 버튼의 잘림 없음 - [x] 관리자 변경 작업에 CSRF 방어 적용 - [x] 일반 사용자가 관리자 경로를 호출할 수 없음 +- [x] 관리자 대시보드 GA4 집계 카드·기간 차트·인기 페이지·유입경로의 데스크톱 표시 +- [ ] 관리자 대시보드 GA4 지표의 모바일 표시와 가로 넘침 없음 +- [x] 관리자 대시보드에 최근 접속자·전체 방문자·30일 방문자·처음 온 방문자·페이지 열람 수·사이트 방문 횟수가 쉬운 설명과 함께 표시됨 +- [ ] GA4 API 장애 시 대시보드의 안전한 대체 안내와 기존 관리자 기능 유지 진행 기록: 2026-08-04 공식 PHP 8.4 컨테이너와 Cafe24 PHP 8.4에서 전체 PHP 문법 통과. 로컬 주요 경로 `/`, `/blog`, `/contact`, `/privacy`, `/inquiry/lookup`, `/admin/login` 200, 비로그인 `/admin`, `/admin/posts` 302, 없는 경로 404 확인. 문의 CSRF 누락 403 및 빈 필수값 제출 422 확인. Cafe24가 비표준 419를 500으로 변환하는 것을 확인해 표준 403으로 조정했습니다. @@ -201,6 +227,16 @@ 진행 기록: 2026-08-04 Cafe24 테스트 경로의 업로드 폴더에 무해한 PHP 검사 파일을 잠시 배치해 HTTP 403과 미실행을 확인한 뒤 즉시 삭제했습니다. +게시글 미디어 기록: 2026-08-10 `https://gtsit.co.kr/site-preview-7c2a91f4/admin/posts/15/preview`에서 대표 이미지 3장, 본문 이미지 2장, 관리자 대체 텍스트 필드와 본문 삽입 토큰을 확인했습니다. 자동재생 후 활성 슬라이드가 변경되고 다음 버튼 조작이 반영되는 것을 확인했습니다. 테스트 자산은 이전 사이트의 메인 이미지와 EXIF 위치정보가 없는 600×450 시공 썸네일만 사용했습니다. + +블록 편집기 기록: 2026-08-10 테스트 관리자 글 15번에서 텍스트 3개·이미지 2개 블록 변환, 내부 토큰 미노출, 이동 버튼 상태, 이미지 블록 순서 변경 저장과 미리보기 반영을 확인한 뒤 원래 순서로 복원했습니다. JavaScript와 뷰에서 `innerHTML`, `contenteditable`, 임의 HTML 삽입 API를 사용하지 않으며 모든 편집 요소를 DOM API와 일반 textarea로 생성합니다. 자동 브라우저의 파일 선택 API 제한으로 신규 파일을 통한 전체 업로드 회귀 항목은 수동 확인 대상으로 유지합니다. + +작성 화면 미리보기 기록: 2026-08-10 테스트 관리자 글 15번 수정 화면에서 저장하지 않은 제목과 첫 문단이 미리보기 모달에 반영되는 것을 확인했습니다. 대표 이미지 3장과 본문 이미지 2장이 렌더링되고 두 번째 대표 이미지 썸네일 선택 시 큰 이미지가 바뀌는 것을 확인한 뒤, 입력 폼은 원래 값으로 되돌리고 저장하지 않았습니다. + +게시글 URL 자동화 기록: 2026-08-10 공유 DB의 기존 게시글 15건을 `post-1`~`post-15`로 변경하고 관리자 목록에서 15건 모두 번호형 주소로 표시되는 것을 확인했습니다. 운영의 종전 공개 주소는 `/blog/post-1`로 301 이동하고 새 주소는 200, 테스트 경로에서도 base path를 포함한 301 이동과 새 주소 200을 확인했습니다. 공개 글 6건의 사이트맵도 번호형 주소로 갱신했습니다. + +본문 이미지 경로 기록: 2026-08-10 숨겨진 `data-path`는 공통 HTML의 `src` 경로 보정 대상이 아니어서 테스트 base path가 빠진 `/uploads/...`를 참조하던 문제를 수정했습니다. 관리자 글 15번에서 기존 본문 이미지 2개가 `/site-preview-7c2a91f4/uploads/media-preview/` 경로를 사용하고 각각 600×450px로 정상 로드되는 것을 확인했습니다. + ## 11. 보안 및 개인정보 - [ ] HTML과 스크립트 입력의 XSS 방어 @@ -212,8 +248,20 @@ - [x] 개인정보 보관기간·종료일 기록·완전 삭제 명령 구현 - [ ] 만료 문의 완전 삭제 명령의 정기 실행 등록 - [ ] 보안 헤더 적용 여부 확인 +- [x] 통계 쿠키 동의 전 Google 태그 미로딩 +- [ ] 통계 쿠키 거부·철회 후 선택과 측정 차단 유지 +- [x] 운영 공개 경로만 GA4 측정, 관리자·테스트 경로 제외 +- [x] 문의 개인정보·접수번호와 관리자 정보가 GA4 이벤트로 전송되지 않음 - [ ] ModSecurity와 UploadGuard 오탐 없음 +GA4 수집 기록: 2026-08-12 무료 표준 속성 `549573245`, 운영 웹 스트림 `15422491033`, 측정 ID `G-92XBR314YD`를 생성했습니다. 테스트 경로는 허용 전후 Google 태그 0개, 운영 루트는 최초 동의 전 0개·허용 후 1개를 확인했습니다. GA4 홈의 지난 30분 활성 사용자가 1명으로 표시되어 실제 수집을 확인했으며 광고 저장·Google 신호·광고 개인화는 비활성화했습니다. 사용자·이벤트 데이터는 신규 속성 기본값인 2개월을 사용합니다. + +GA4 관리자 연동 기록: 2026-08-13 전용 서비스 계정에 GA4 속성 `뷰어` 권한만 부여했고 Cloud 프로젝트 역할은 추가하지 않았습니다. JSON 키와 15분 집계 캐시는 Git·웹 루트 밖에서 권한 `600`으로 보관합니다. Analytics Data API 실제 요청에서 최근 30일 사용자·신규 사용자·페이지뷰·세션, 14일 추이, 인기 페이지, 유입경로 응답을 확인했습니다. + +GA4 대시보드 표시 기록: 2026-08-13 테스트 관리자 화면에서 전체 방문자 1명과 최근 30일 방문자·첫 방문자·페이지 열람·사이트 방문 횟수 각 1회를 확인했습니다. 전체 방문자는 GA4 측정 시작일 `2026-08-12` 이후의 `totalUsers`이며 카드 설명에 측정 시작일을 함께 표시합니다. + +운영 배포 기록: 2026-08-13 운영 PHP 파일 전체 문법 통과, GA4 Data API 응답 `available=true`와 전체 방문자 1명 확인, 키·캐시 권한 600 확인. `/`, `/blog`, `/contact`, `/privacy`, 사이트맵과 CSS·JavaScript는 200, 비로그인 `/admin`은 302, `/blog/post-10`과 `/blog/post-14`는 200, 종전 게시글 주소는 번호형 주소로 301 응답했습니다. 브라우저에서 운영 홈의 콘텐츠·슬라이드·서비스·글 목록과 문의 폼·네이버 지도·전체화면 및 확대축소 컨트롤을 확인했습니다. + ## 12. 검색, 성능 및 운영 - [x] 임시 페이지 종료 후 공개 화면 `noindex` 제거 확인 @@ -233,7 +281,9 @@ - [x] 회사 주소 좌표와 마커 위치 일치 - [x] 지도 SDK 적용 후 실제 지도 요소 높이와 타일 표시 - [x] 사용자 정의 전체화면 아이콘 열기·종료 및 지도 크기 복구 -- [ ] 데스크톱·모바일 지도 확대·축소 및 스크롤 충돌 없음 +- [x] 지도 드래그·키보드 이동 차단 및 마커 중심 확대·축소 유지 +- [x] 핀치·휠·더블클릭/탭 확대·축소 차단 및 지도 컨트롤만 허용 +- [ ] 데스크톱·모바일 지도 확대·축소 및 페이지 스크롤 충돌 없음 - [x] 지도 API 로드 실패 시 주소와 네이버 지도 링크 유지 - [x] Client Secret이 HTML·JavaScript·저장소에 포함되지 않음 - [ ] API 이용 한도와 임계치 알림 설정 diff --git a/public/assets/css/admin.css b/public/assets/css/admin.css index 9de6d5b..99611f3 100644 --- a/public/assets/css/admin.css +++ b/public/assets/css/admin.css @@ -3,3 +3,8 @@ @media(max-width:480px){.admin-account .button{display:none}.admin-main{padding-top:28px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-grid a{padding:18px}.login-panel{margin:26px 0;padding:24px}} .admin-form{max-width:780px;padding:28px;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.admin-form label{display:block;margin-bottom:17px;color:var(--secondary);font-size:13px;font-weight:700}.admin-form label>span{color:#dc2626}.admin-form input,.admin-form select,.admin-form textarea{width:100%;margin-top:7px;padding:10px 12px;border:1px solid #d4d4d8;border-radius:9px;background:#fff}.admin-form input,.admin-form select{height:44px}.admin-form textarea{resize:vertical;line-height:1.6}.admin-form label small{display:block;margin-top:5px;color:var(--muted);font-weight:400}.admin-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-form-actions{display:flex;gap:10px;margin-top:24px}.danger-zone{max-width:780px;margin-top:24px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #fecaca;border-radius:var(--radius);background:#fff}.danger-zone strong{color:#991b1b}.danger-zone p{margin:4px 0 0;color:var(--muted);font-size:13px}.danger-zone button{padding:9px 14px;border:1px solid #fecaca;border-radius:8px;background:#fff;color:#b91c1c;cursor:pointer}.inquiry-heading{margin-top:22px}.inquiry-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}.inquiry-content{padding:26px;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.contact-summary{padding:16px;background:#f8fafc;border-radius:9px}.contact-summary>span{float:right;color:var(--primary);font-size:12px;font-weight:800}.contact-summary p{margin:0;line-height:1.8}.inquiry-content h2{margin-top:25px;font-size:17px}.inquiry-content>p{line-height:1.85}.reply-form{padding:26px}.reply-form h2{margin:0 0 20px} @media(max-width:760px){.admin-field-grid,.inquiry-detail-grid{grid-template-columns:1fr}.danger-zone{align-items:stretch;flex-direction:column}.danger-zone button{width:100%}} +.admin-experiment-notice{max-width:780px;margin:0 0 18px;padding:14px 16px;display:grid;gap:3px;border:1px solid #fde68a;border-radius:10px;background:#fffbeb;color:#92400e;font-size:13px}.admin-experiment-notice strong{font-size:14px}.admin-upload-field>p:first-of-type{margin-top:0}.admin-media-list{display:grid;gap:12px;margin-bottom:18px}.admin-media-item{display:grid;grid-template-columns:160px 1fr;gap:14px;padding:12px;border:1px solid var(--border);border-radius:9px;background:#f8fafc}.admin-media-item>img{width:160px;height:100px}.admin-media-item>div{min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:8px}.admin-media-item label{width:100%;margin:0}.admin-media-item code{padding:4px 7px;border-radius:5px;background:#e2e8f0;color:#334155;font-size:12px}.admin-media-delete{display:flex!important;align-items:center;gap:7px}.admin-media-delete input{width:16px!important;height:16px!important;margin:0!important}.admin-media-item.is-delete{opacity:.5}.admin-new-media-list{display:grid;gap:10px}.admin-new-media-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:12px;border:1px solid #bfdbfe;border-radius:9px;background:#eff6ff}.admin-new-media-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.admin-new-media-item label{grid-column:1/-1;margin:0}.admin-form code{font-size:12px}@media(max-width:600px){.admin-media-item{grid-template-columns:1fr}.admin-media-item>img{width:100%;height:auto}.admin-new-media-item{grid-template-columns:1fr}.admin-new-media-item .button{width:100%}} +.admin-row-actions{display:flex;align-items:center;gap:12px;white-space:nowrap} +.admin-block-editor{display:none;margin-bottom:20px}.admin-block-editor.is-ready{display:block}.admin-body-source.is-enhanced{display:none}.admin-block-editor>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.admin-block-editor>header h2{margin:0;font-size:17px}.admin-block-editor>header p{margin:5px 0 0;color:var(--muted);font-size:13px}.admin-block-editor>header>span{padding:5px 9px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:800;white-space:nowrap}.admin-block-list{display:grid;gap:12px}.admin-content-block{padding:14px;border:1px solid #dbe2ea;border-radius:11px;background:#f8fafc}.admin-content-block>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.admin-content-block>header strong{color:#475569;font-size:12px}.admin-content-block-actions{display:flex;gap:5px}.admin-content-block-actions button{min-height:30px;padding:0 9px;border:1px solid #d4d4d8;border-radius:7px;background:#fff;color:#52525b;font-size:11px;cursor:pointer}.admin-content-block-actions button:hover{background:#f1f5f9}.admin-content-block-actions button:disabled{opacity:.4;cursor:not-allowed}.admin-content-block-actions .is-danger{border-color:#fecaca;color:#b91c1c}.admin-content-block-text textarea{min-height:112px;margin:0;overflow:hidden;background:#fff}.admin-content-block-image{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}.admin-content-block-image>header{grid-column:1/-1;margin-bottom:0}.admin-content-block-image>img{width:220px;height:148px;object-fit:cover;border-radius:9px;background:#e2e8f0}.admin-content-image-fields{min-width:0;display:flex;align-items:stretch;justify-content:center;flex-direction:column}.admin-content-image-fields label{margin:0}.admin-content-insert-actions{grid-column:1/-1;display:flex;justify-content:center;gap:7px;padding-top:10px;border-top:1px dashed #cbd5e1}.admin-content-insert-actions button{padding:6px 9px;border:0;background:transparent;color:#2563eb;font-size:11px;font-weight:700;cursor:pointer}.admin-content-insert-actions button:hover{text-decoration:underline}.admin-hidden-file{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0!important}.admin-block-editor-actions{display:flex;gap:9px;margin-top:12px}.admin-block-help{margin:8px 0 0;color:var(--muted);font-size:12px}@media(max-width:600px){.admin-block-editor>header{flex-direction:column}.admin-content-block-image{grid-template-columns:1fr}.admin-content-block-image>img{width:100%;height:auto;aspect-ratio:16/10}.admin-content-block-actions button{padding:0 7px}.admin-block-editor-actions{display:grid;grid-template-columns:1fr 1fr}.admin-block-editor-actions .button{width:100%}} +.admin-new-media-item>img{width:72px;height:52px;grid-row:1;object-fit:cover;border-radius:7px}.admin-new-media-item:has(>img){grid-template-columns:72px minmax(0,1fr)}.admin-new-media-item:has(>img)>label{grid-column:1/-1}.admin-live-preview{width:min(920px,calc(100% - 32px));max-width:none;max-height:calc(100vh - 40px);padding:0;border:0;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.28)}.admin-live-preview::backdrop{background:rgba(15,23,42,.58);backdrop-filter:blur(3px)}.admin-live-preview-shell>header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid var(--border);background:#fff}.admin-live-preview-shell>header span{color:#2563eb;font-size:10px;font-weight:900;letter-spacing:.14em}.admin-live-preview-shell>header h2{margin:3px 0 0;font-size:20px}.admin-live-preview-shell>header p{margin:4px 0 0;color:var(--muted);font-size:12px}.admin-live-preview-shell>header button{width:38px;height:38px;border:1px solid var(--border);border-radius:50%;background:#fff;color:#27272a;font-size:25px;line-height:1;cursor:pointer}.admin-live-preview-article{max-width:760px;margin:auto;padding:38px 32px 58px}.admin-live-preview-meta{display:grid;gap:8px;margin-bottom:24px}.admin-live-preview-meta>span{justify-self:start;padding:5px 10px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:12px;font-weight:800}.admin-live-preview-meta>strong{font-size:30px;line-height:1.3}.admin-live-preview-meta>small{color:var(--muted)}.admin-live-preview-gallery{margin:0 0 28px}.admin-live-preview-gallery>[data-preview-gallery-main]{overflow:hidden;aspect-ratio:16/9;border-radius:12px;background:#e2e8f0}.admin-live-preview-gallery>[data-preview-gallery-main] img{width:100%;height:100%;object-fit:cover}.admin-live-preview-gallery>[data-preview-gallery-thumbs]{display:flex;gap:7px;margin-top:9px;overflow:auto}.admin-live-preview-gallery>[data-preview-gallery-thumbs] button{flex:0 0 70px;height:48px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:7px;background:#e2e8f0;cursor:pointer}.admin-live-preview-gallery>[data-preview-gallery-thumbs] button.is-active{border-color:#2563eb}.admin-live-preview-gallery>[data-preview-gallery-thumbs] img{width:100%;height:100%;object-fit:cover}.admin-live-preview-gallery>p{margin:7px 0 0;color:var(--muted);font-size:11px}.admin-live-preview-body{display:grid;gap:22px}.admin-live-preview-body p{margin:0;color:#3f3f46;line-height:1.9;white-space:pre-line}.admin-live-preview-body p.is-empty{padding:30px;text-align:center;border:1px dashed #cbd5e1;border-radius:10px;color:var(--muted)}.admin-live-preview-body figure{margin:0}.admin-live-preview-body figure img{display:block;width:100%;height:auto;border-radius:12px}@media(max-width:600px){.admin-form-actions{flex-wrap:wrap}.admin-form-actions .button,.admin-form-actions a{flex:1 1 calc(50% - 6px);text-align:center}.admin-live-preview{width:100%;max-height:100%;height:100%;border-radius:0}.admin-live-preview-article{padding:28px 18px 44px}.admin-live-preview-meta>strong{font-size:24px}} +.analytics-section{margin-top:44px}.analytics-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.analytics-heading>div>span{color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.12em}.analytics-heading h2{margin:5px 0 0;font-size:24px}.analytics-heading p{margin:5px 0 0;color:var(--muted);font-size:13px}.analytics-heading>small{color:var(--muted);font-size:11px;white-space:nowrap}.analytics-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.analytics-metrics article{padding:20px;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.analytics-metrics span{display:block;color:var(--muted);font-size:12px}.analytics-metrics strong{display:block;margin:5px 0 1px;font-size:27px}.analytics-metrics small{color:#94a3b8;font-size:10px}.analytics-panel{margin-top:14px;padding:20px;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.analytics-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.analytics-panel-heading h3{margin:0;font-size:15px}.analytics-panel-heading>span{color:var(--muted);font-size:10px}.analytics-panel-heading>span i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:2px;background:var(--primary)}.analytics-chart{height:210px;margin-top:24px;display:flex;align-items:end;gap:9px}.analytics-bar{height:100%;min-width:0;flex:1;display:grid;grid-template-rows:20px 1fr 20px;align-items:end;text-align:center}.analytics-bar>span{align-self:start;color:#64748b;font-size:9px}.analytics-bar>i{width:min(24px,70%);min-height:3px;margin:0 auto;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#3b82f6,#2563eb)}.analytics-bar>small{padding-top:5px;color:#94a3b8;font-size:9px;white-space:nowrap}.analytics-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.analytics-ranking{margin:14px 0 0;padding:0;list-style:none}.analytics-ranking li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--border)}.analytics-ranking li>div{min-width:0}.analytics-ranking strong,.analytics-ranking small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-ranking strong{font-size:12px}.analytics-ranking small{margin-top:3px;color:var(--muted);font-size:10px}.analytics-ranking b{color:#334155;font-size:12px;white-space:nowrap}.analytics-empty{margin:18px 0 0;color:var(--muted);font-size:12px}.analytics-unavailable{padding:22px;border:1px solid #fde68a;border-radius:var(--radius);background:#fffbeb;color:#92400e}.analytics-unavailable p{margin:5px 0 0;font-size:12px}@media(max-width:900px){.analytics-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.analytics-heading{align-items:flex-start;flex-direction:column;gap:8px}.analytics-detail-grid{grid-template-columns:1fr}.analytics-chart{gap:4px}.analytics-bar>span{display:none}}@media(max-width:520px){.analytics-metrics{grid-template-columns:1fr 1fr}.analytics-metrics article{padding:16px}.analytics-chart{height:170px}.analytics-bar>small{font-size:8px;transform:rotate(-45deg);transform-origin:center top}.analytics-chart-panel{overflow:hidden}} diff --git a/public/assets/css/content.css b/public/assets/css/content.css index 76bdc59..db2675d 100644 --- a/public/assets/css/content.css +++ b/public/assets/css/content.css @@ -65,3 +65,7 @@ .naver-map-external{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;color:var(--primary);font-weight:700} .naver-map-frame[data-map-state=loading]+.naver-map-external,.naver-map-frame[data-map-state=ready]+.naver-map-external{display:none} @media(max-width:640px){.post-card:hover{transform:none}.email-template{grid-template-columns:minmax(0,1fr) auto minmax(116px,.85fr);gap:6px}.email-direct-row{grid-template-columns:1fr}.email-template-return{width:100%;margin-top:0}.floating-call{display:none}} +.naver-map-frame{isolation:isolate} +.preview-toolbar{position:sticky;top:88px;z-index:90;width:min(100% - 48px,820px);margin:24px auto -18px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;box-shadow:0 8px 20px rgba(15,23,42,.08)}.preview-toolbar div{display:grid;gap:2px}.preview-toolbar strong{color:#1d4ed8}.preview-toolbar span{color:var(--secondary);font-size:13px}@media(max-width:640px){.preview-toolbar{top:76px;width:min(100% - 32px,820px);align-items:stretch;flex-direction:column}.preview-toolbar .button{width:100%}} +.naver-map-zoom{position:absolute;right:10px;top:58px;z-index:5;display:grid;overflow:hidden;border:1px solid rgba(15,23,42,.14);border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.14)}.naver-map-zoom[hidden]{display:none}.naver-map-zoom button{width:38px;height:38px;padding:0;border:0;background:#fff;color:#27272a;font-size:24px;line-height:1;cursor:pointer}.naver-map-zoom button+button{border-top:1px solid var(--border)}.naver-map-zoom button:hover{background:#f8fafc}.naver-map-zoom button:disabled{color:#a1a1aa;cursor:not-allowed} +.article-gallery{position:relative;overflow:hidden;margin:0 0 30px;border-radius:var(--radius);background:#0f172a;box-shadow:var(--shadow)}.article-gallery-slides{position:relative;aspect-ratio:16/9}.article-gallery-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s ease}.article-gallery-slide.is-active{opacity:1;visibility:visible}.article-gallery-slide img{width:100%;height:100%;object-fit:cover}.article-gallery-controls{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;display:flex;align-items:center;gap:8px}.article-gallery-controls button{border:0;color:#fff;cursor:pointer}.article-gallery-controls>[data-article-prev],.article-gallery-controls>[data-article-next]{width:34px;height:34px;border-radius:50%;background:rgba(15,23,42,.72);font-size:26px;line-height:1}.article-gallery-dots{display:flex;align-items:center;gap:7px}.article-gallery-dots button{width:8px;height:8px;padding:0;border-radius:999px;background:rgba(255,255,255,.52)}.article-gallery-dots button.is-active{width:22px;background:#fff}.article-gallery-pause{min-height:34px;margin-left:auto;padding:0 11px;border-radius:999px;background:rgba(15,23,42,.72);font-size:11px;font-weight:700}.article-inline-image{margin:28px 0}.article-inline-image img{display:block;width:100%;height:auto;border-radius:12px}.article-body code{font-size:.9em}@media(prefers-reduced-motion:reduce){.article-gallery-slide{transition:none}}@media(max-width:600px){.article-gallery-pause{width:34px;overflow:hidden;padding:0;font-size:0}.article-gallery-pause::before{content:"Ⅱ";font-size:12px}.article-gallery-pause[aria-pressed=true]::before{content:"▶"}} diff --git a/public/assets/css/site.css b/public/assets/css/site.css index 6c15683..57a30b1 100644 --- a/public/assets/css/site.css +++ b/public/assets/css/site.css @@ -8,3 +8,5 @@ .policy{width:min(100% - 48px,940px)}.policy-heading>span{color:var(--primary);font-size:13px;font-weight:800;letter-spacing:.09em}.policy-heading h1{margin:10px 0 0}.policy h2{margin-top:48px;font-size:22px}.policy h3{font-size:16px}.policy li{line-height:1.8;color:var(--secondary)}.policy a{color:var(--primary)}.policy-index{margin-top:32px;padding:22px 26px;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.policy-index ol{margin:0;padding-left:22px;columns:2;column-gap:36px}.policy-index li{break-inside:avoid;margin:5px 0}.policy-table-wrap{margin-top:18px;overflow-x:auto;border:1px solid var(--border);border-radius:10px}.policy table{width:100%;min-width:760px;border-collapse:collapse;background:#fff}.policy th,.policy td{padding:14px 16px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left;vertical-align:top;font-size:14px;line-height:1.7}.policy th{background:#f8fafc}.policy tr:last-child th,.policy tr:last-child td{border-bottom:0}.policy th:last-child,.policy td:last-child{border-right:0}.policy ul{padding-left:22px}.policy-contact{padding:20px 22px;background:var(--subtle);border-radius:10px}.policy-contact h3{margin:0 0 12px}.policy-contact dl{margin:0}.policy-contact dl div{display:flex;gap:18px;padding:5px 0}.policy-contact dt{width:58px;color:var(--muted);font-weight:700}.policy-contact dd{margin:0}.policy-effective{padding:16px 18px;background:var(--subtle);border-radius:9px}.consent-notice{margin:4px 0 14px;padding:18px;border:1px solid var(--border);border-radius:9px;background:#fff}.consent-notice h3{margin:0 0 12px;font-size:15px}.consent-notice dl{margin:0}.consent-notice dl div{display:grid;grid-template-columns:86px 1fr;gap:12px;padding:7px 0;border-bottom:1px solid var(--border)}.consent-notice dl div:last-child{border:0}.consent-notice dt{color:var(--muted);font-size:12px;font-weight:700}.consent-notice dd{margin:0;color:var(--secondary);font-size:12px;line-height:1.6}.consent-notice>p{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.6} @media(max-width:640px){.policy{width:min(100% - 32px,940px)}.policy-index ol{columns:1}.policy h1{font-size:32px}.policy h2{font-size:20px}.consent-notice dl div{grid-template-columns:1fr;gap:2px}} .service-icon{--service-icon-color:var(--primary);display:grid;place-items:center}.service-icon svg{width:26px;height:26px;fill:none;stroke:var(--service-icon-color);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.service-icon.type-keyphone{--service-icon-color:#7c3aed;background:#f5f3ff}.service-icon.type-cctv{--service-icon-color:#059669;background:#ecfdf5}.service-icon.type-maintenance{--service-icon-color:#ea580c;background:#fff7ed} +.floating-call{z-index:200} +.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}.footer-bottom button{padding:4px 0;border:0;background:none;color:var(--secondary);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.cookie-consent{position:fixed;left:24px;right:24px;bottom:24px;z-index:300;width:min(calc(100% - 48px),760px);margin:auto;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #dbeafe;border-radius:14px;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.2)}.cookie-consent[hidden]{display:none}.cookie-consent strong{display:block;font-size:16px}.cookie-consent p{margin:6px 0 0;color:var(--secondary);font-size:13px;line-height:1.65}.cookie-consent p a{color:var(--primary);font-weight:700}.cookie-consent-actions{display:flex;gap:8px;flex:none}.cookie-consent-actions .button{min-width:72px}@media(max-width:640px){.footer-bottom{align-items:flex-start;flex-direction:column}.cookie-consent{left:16px;right:16px;bottom:16px;width:calc(100% - 32px);padding:18px;align-items:stretch;flex-direction:column;gap:16px}.cookie-consent-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-consent-actions .button{width:100%}} diff --git a/public/assets/js/admin.js b/public/assets/js/admin.js new file mode 100644 index 0000000..19db641 --- /dev/null +++ b/public/assets/js/admin.js @@ -0,0 +1,338 @@ +(() => { + const gallery = document.querySelector('[data-media-upload="gallery"]'); + if (gallery) { + const fileInput = gallery.querySelector('[data-media-files]'); + const list = gallery.querySelector('[data-media-list]'); + fileInput?.addEventListener('change', () => { + list.replaceChildren(); + const title = document.querySelector('input[name="title"]')?.value.trim() || '게시글'; + [...fileInput.files].forEach((file, index) => { + const item = document.createElement('article'); + item.className = 'admin-new-media-item'; + const preview = document.createElement('img'); + preview.src = URL.createObjectURL(file); + preview.alt = ''; + const name = document.createElement('strong'); + name.textContent = file.name; + const label = document.createElement('label'); + label.textContent = '대체 텍스트'; + const alt = document.createElement('input'); + alt.name = 'new_gallery_alts[]'; + alt.value = `${title} - 대표 이미지 ${index + 1}`; + alt.maxLength = 255; + alt.required = true; + label.append(alt); + item.append(preview, name, label); + list.append(item); + }); + }); + } + + document.querySelectorAll('.admin-media-delete input[type="checkbox"]').forEach((checkbox) => { + checkbox.addEventListener('change', () => { + const item = checkbox.closest('.admin-media-item'); + const alt = item?.querySelector('input:not([type]), input[type="text"]'); + item?.classList.toggle('is-delete', checkbox.checked); + if (alt) alt.required = !checkbox.checked; + }); + }); +})(); + +(() => { + const editor = document.querySelector('[data-block-editor]'); + const sourceWrap = document.querySelector('[data-body-source]'); + const source = document.querySelector('[data-post-body]'); + if (!editor || !sourceWrap || !source) return; + + const list = editor.querySelector('[data-block-list]'); + const deleteBin = editor.querySelector('[data-delete-bin]'); + const inventory = new Map(); + editor.querySelectorAll('[data-existing-inline]').forEach((item) => { + inventory.set(Number(item.dataset.token), { + id: Number(item.dataset.id), + token: Number(item.dataset.token), + path: item.dataset.path, + alt: item.dataset.alt, + }); + }); + let nextToken = Number(editor.dataset.nextToken || 1); + + const button = (label, action, className = '') => { + const element = document.createElement('button'); + element.type = 'button'; + element.textContent = label; + element.dataset.blockAction = action; + if (className) element.className = className; + return element; + }; + + const resizeText = (textarea) => { + textarea.style.height = 'auto'; + textarea.style.height = `${Math.max(112, textarea.scrollHeight)}px`; + }; + + const updateControls = () => { + const blocks = [...list.children]; + blocks.forEach((block, index) => { + block.querySelector('[data-block-action="up"]').disabled = index === 0; + block.querySelector('[data-block-action="down"]').disabled = index === blocks.length - 1; + }); + }; + + const bindBlockActions = (block) => { + block.querySelector('[data-block-action="up"]').addEventListener('click', () => { + const previous = block.previousElementSibling; + if (previous) list.insertBefore(block, previous); + updateControls(); + }); + block.querySelector('[data-block-action="down"]').addEventListener('click', () => { + const next = block.nextElementSibling; + if (next) list.insertBefore(next, block); + updateControls(); + }); + block.querySelector('[data-block-action="remove"]').addEventListener('click', () => { + if (block.dataset.existingId) { + const deleted = document.createElement('input'); + deleted.type = 'hidden'; + deleted.name = 'delete_images[]'; + deleted.value = block.dataset.existingId; + deleteBin.append(deleted); + } + block.remove(); + if (!list.children.length) addTextBlock(''); + updateControls(); + }); + }; + + const createShell = (type, title) => { + const block = document.createElement('article'); + block.className = `admin-content-block admin-content-block-${type}`; + block.dataset.blockType = type; + const header = document.createElement('header'); + const heading = document.createElement('strong'); + heading.textContent = title; + const actions = document.createElement('div'); + actions.className = 'admin-content-block-actions'; + actions.append( + button('위로', 'up'), + button('아래로', 'down'), + button('삭제', 'remove', 'is-danger'), + ); + header.append(heading, actions); + block.append(header); + bindBlockActions(block); + return block; + }; + + const appendInsertControls = (block) => { + const controls = document.createElement('div'); + controls.className = 'admin-content-insert-actions'; + const addText = document.createElement('button'); + addText.type = 'button'; + addText.textContent = '아래에 문단 추가'; + addText.addEventListener('click', () => { + const added = addTextBlock('', block.nextElementSibling); + added.querySelector('textarea').focus(); + }); + const addImage = document.createElement('button'); + addImage.type = 'button'; + addImage.textContent = '아래에 이미지 추가'; + addImage.addEventListener('click', () => chooseImage(block.nextElementSibling)); + controls.append(addText, addImage); + block.append(controls); + }; + + const addTextBlock = (value, before = null) => { + const block = createShell('text', '텍스트 문단'); + const textarea = document.createElement('textarea'); + textarea.rows = 4; + textarea.value = value; + textarea.placeholder = '본문 내용을 입력하세요.'; + textarea.setAttribute('aria-label', '본문 텍스트 문단'); + textarea.addEventListener('input', () => resizeText(textarea)); + block.append(textarea); + appendInsertControls(block); + list.insertBefore(block, before); + requestAnimationFrame(() => resizeText(textarea)); + updateControls(); + return block; + }; + + const addImageBlock = ({ id = null, token, path, alt, fileInput = null }, before = null) => { + const block = createShell('image', id ? '등록된 본문 이미지' : '새 본문 이미지'); + block.dataset.token = String(token); + if (id) block.dataset.existingId = String(id); + + const preview = document.createElement('img'); + preview.src = path; + preview.alt = ''; + const fields = document.createElement('div'); + fields.className = 'admin-content-image-fields'; + const label = document.createElement('label'); + label.textContent = '대체 텍스트'; + const altInput = document.createElement('input'); + altInput.name = id ? `media_alt[${id}]` : 'new_inline_alts[]'; + altInput.value = alt; + altInput.maxLength = 255; + altInput.required = true; + label.append(altInput); + fields.append(label); + + if (fileInput) { + fileInput.name = 'inline_images[]'; + fileInput.className = 'admin-hidden-file'; + const tokenInput = document.createElement('input'); + tokenInput.type = 'hidden'; + tokenInput.name = 'new_inline_tokens[]'; + tokenInput.value = String(token); + fields.append(fileInput, tokenInput); + } + block.append(preview, fields); + appendInsertControls(block); + list.insertBefore(block, before); + updateControls(); + return block; + }; + + const imageCount = () => list.querySelectorAll('[data-block-type="image"]').length; + const chooseImage = (before = null) => { + if (imageCount() >= 10) { + window.alert('본문 이미지는 최대 10장까지 등록할 수 있습니다.'); + return; + } + const input = document.createElement('input'); + input.type = 'file'; + input.accept = 'image/jpeg,image/png,image/webp'; + input.className = 'admin-hidden-file'; + input.addEventListener('change', () => { + const file = input.files?.[0]; + if (!file) return; + const title = document.querySelector('input[name="title"]')?.value.trim() || '게시글'; + addImageBlock({ + token: nextToken++, + path: URL.createObjectURL(file), + alt: `${title} - 본문 이미지`, + fileInput: input, + }, before?.isConnected ? before : null); + }, { once: true }); + deleteBin.append(input); + input.click(); + }; + + const usedTokens = new Set(); + const initialBody = source.value.trim(); + const parts = initialBody ? initialBody.split(/\r?\n(?:[\t ]*\r?\n)+/) : []; + parts.forEach((part) => { + const match = part.trim().match(/^\[\[image:(\d+)\]\]$/); + const media = match ? inventory.get(Number(match[1])) : null; + if (media) { + addImageBlock(media); + usedTokens.add(media.token); + } else { + addTextBlock(part); + } + }); + inventory.forEach((media) => { + if (!usedTokens.has(media.token)) addImageBlock(media); + }); + if (!list.children.length) addTextBlock(''); + + editor.querySelector('[data-add-text]').addEventListener('click', () => { + const block = addTextBlock(''); + block.querySelector('textarea').focus(); + }); + editor.querySelector('[data-add-image]').addEventListener('click', () => chooseImage()); + + source.required = false; + sourceWrap.classList.add('is-enhanced'); + editor.classList.add('is-ready'); + source.closest('form').addEventListener('submit', () => { + source.value = [...list.children].map((block) => { + if (block.dataset.blockType === 'image') return `[[image:${block.dataset.token}]]`; + return block.querySelector('textarea').value.trim(); + }).filter(Boolean).join('\n\n'); + }); + + const previewDialog = document.querySelector('[data-live-preview]'); + const openPreview = document.querySelector('[data-open-live-preview]'); + const closePreview = previewDialog?.querySelector('[data-close-live-preview]'); + const renderPreview = () => { + const previewTitle = previewDialog.querySelector('[data-preview-title]'); + const previewCategory = previewDialog.querySelector('[data-preview-category]'); + const previewAuthor = previewDialog.querySelector('[data-preview-author]'); + const previewBody = previewDialog.querySelector('[data-preview-body]'); + const previewGallery = previewDialog.querySelector('[data-preview-gallery]'); + const galleryMain = previewDialog.querySelector('[data-preview-gallery-main]'); + const galleryThumbs = previewDialog.querySelector('[data-preview-gallery-thumbs]'); + const galleryCount = previewDialog.querySelector('[data-preview-gallery-count]'); + + previewTitle.textContent = document.querySelector('input[name="title"]')?.value.trim() || '제목 없는 글'; + previewCategory.textContent = document.querySelector('select[name="category"]')?.value || ''; + previewAuthor.textContent = `${document.querySelector('input[name="author"]')?.value.trim() || ''} 기술팀`; + previewBody.replaceChildren(); + [...list.children].forEach((block) => { + if (block.dataset.blockType === 'image') { + const figure = document.createElement('figure'); + const image = document.createElement('img'); + image.src = block.querySelector('img').src; + image.alt = block.querySelector('.admin-content-image-fields input')?.value.trim() || ''; + figure.append(image); + previewBody.append(figure); + return; + } + const value = block.querySelector('textarea').value.trim(); + if (!value) return; + const paragraph = document.createElement('p'); + paragraph.textContent = value; + previewBody.append(paragraph); + }); + if (!previewBody.children.length) { + const empty = document.createElement('p'); + empty.className = 'is-empty'; + empty.textContent = '본문 내용을 입력하면 여기에 표시됩니다.'; + previewBody.append(empty); + } + + const galleryItems = [ + ...document.querySelectorAll('[data-media-upload="gallery"] .admin-media-item:not(.is-delete), [data-media-upload="gallery"] .admin-new-media-item'), + ].map((item) => ({ + src: item.querySelector('img')?.src || '', + alt: item.querySelector('input:not([type="checkbox"])')?.value.trim() || '', + })).filter((item) => item.src); + galleryMain.replaceChildren(); + galleryThumbs.replaceChildren(); + previewGallery.hidden = galleryItems.length === 0; + if (galleryItems.length) { + const mainImage = document.createElement('img'); + mainImage.src = galleryItems[0].src; + mainImage.alt = galleryItems[0].alt; + galleryMain.append(mainImage); + galleryItems.forEach((item, index) => { + const thumb = document.createElement('button'); + thumb.type = 'button'; + thumb.setAttribute('aria-label', `${index + 1}번째 대표 이미지 보기`); + if (index === 0) thumb.classList.add('is-active'); + const image = document.createElement('img'); + image.src = item.src; + image.alt = ''; + thumb.append(image); + thumb.addEventListener('click', () => { + mainImage.src = item.src; + mainImage.alt = item.alt; + [...galleryThumbs.children].forEach((child) => child.classList.toggle('is-active', child === thumb)); + }); + galleryThumbs.append(thumb); + }); + galleryCount.textContent = `대표 이미지 ${galleryItems.length}장`; + } + }; + + openPreview?.addEventListener('click', () => { + renderPreview(); + previewDialog.showModal(); + }); + closePreview?.addEventListener('click', () => previewDialog.close()); + previewDialog?.addEventListener('click', (event) => { + if (event.target === previewDialog) previewDialog.close(); + }); +})(); diff --git a/public/assets/js/site.js b/public/assets/js/site.js index 0aa0786..4228bed 100644 --- a/public/assets/js/site.js +++ b/public/assets/js/site.js @@ -1,3 +1,115 @@ +(() => { + const root = document.querySelector('[data-analytics-consent]'); + if (!root) return; + + const banner = document.querySelector('[data-cookie-consent]'); + const settingsButton = document.querySelector('[data-cookie-settings]'); + const acceptButton = banner?.querySelector('[data-cookie-accept]'); + const declineButton = banner?.querySelector('[data-cookie-decline]'); + const enabled = root.dataset.analyticsEnabled === 'true'; + const measurementId = root.dataset.analyticsMeasurementId || ''; + const consentKey = root.dataset.analyticsConsentKey || 'gtsit_analytics_consent_v1'; + let analyticsLoaded = false; + + const readConsent = () => { + try { + return window.localStorage.getItem(consentKey); + } catch { + return null; + } + }; + + const saveConsent = (value) => { + try { + window.localStorage.setItem(consentKey, value); + } catch { + // 저장소를 사용할 수 없는 경우 현재 페이지만 선택을 유지합니다. + } + }; + + const setGoogleConsent = (analyticsStorage) => { + window.dataLayer = window.dataLayer || []; + window.gtag = window.gtag || function gtag() { + window.dataLayer.push(arguments); + }; + window.gtag('consent', 'update', { + analytics_storage: analyticsStorage, + ad_storage: 'denied', + ad_user_data: 'denied', + ad_personalization: 'denied', + }); + }; + + const loadAnalytics = () => { + if (!enabled || !measurementId || analyticsLoaded) return; + analyticsLoaded = true; + window.dataLayer = window.dataLayer || []; + window.gtag = window.gtag || function gtag() { + window.dataLayer.push(arguments); + }; + window.gtag('consent', 'default', { + analytics_storage: 'denied', + ad_storage: 'denied', + ad_user_data: 'denied', + ad_personalization: 'denied', + }); + window.gtag('consent', 'update', { + analytics_storage: 'granted', + ad_storage: 'denied', + ad_user_data: 'denied', + ad_personalization: 'denied', + }); + window.gtag('js', new Date()); + window.gtag('config', measurementId, { + allow_google_signals: false, + allow_ad_personalization_signals: false, + }); + + const script = document.createElement('script'); + script.async = true; + script.src = `https://www.googletagmanager.com/gtag/js?id=${encodeURIComponent(measurementId)}`; + document.head.append(script); + }; + + const clearAnalyticsCookies = () => { + const names = document.cookie.split(';').map((cookie) => cookie.split('=')[0].trim()).filter((name) => name.startsWith('_ga')); + names.forEach((name) => { + document.cookie = `${name}=; Max-Age=0; path=/; SameSite=Lax`; + document.cookie = `${name}=; Max-Age=0; path=/; domain=.gtsit.co.kr; SameSite=Lax`; + }); + }; + + const hideBanner = () => { + if (banner) banner.hidden = true; + }; + + const showBanner = () => { + if (!banner) return; + banner.hidden = false; + acceptButton?.focus(); + }; + + acceptButton?.addEventListener('click', () => { + saveConsent('granted'); + hideBanner(); + if (analyticsLoaded) setGoogleConsent('granted'); + else loadAnalytics(); + }); + + declineButton?.addEventListener('click', () => { + saveConsent('denied'); + setGoogleConsent('denied'); + clearAnalyticsCookies(); + hideBanner(); + }); + + settingsButton?.addEventListener('click', showBanner); + + const consent = readConsent(); + if (consent === 'granted') loadAnalytics(); + else if (consent !== 'denied') showBanner(); +})(); + (() => { const toggle = document.querySelector('.menu-toggle'); const navigation = document.querySelector('.site-navigation'); @@ -212,6 +324,82 @@ else returnButton.hidden = false; })(); +(() => { + const slider = document.querySelector('[data-article-slider]'); + if (!slider) return; + + const slides = [...slider.querySelectorAll('.article-gallery-slide')]; + const dots = [...slider.querySelectorAll('[data-article-dot]')]; + const previous = slider.querySelector('[data-article-prev]'); + const next = slider.querySelector('[data-article-next]'); + const pause = slider.querySelector('[data-article-pause]'); + const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)'); + let current = 0; + let timer = null; + let isPaused = false; + let isInteracting = false; + + const show = (index) => { + current = (index + slides.length) % slides.length; + slides.forEach((slide, slideIndex) => { + const active = slideIndex === current; + slide.classList.toggle('is-active', active); + slide.setAttribute('aria-hidden', String(!active)); + }); + dots.forEach((dot, dotIndex) => { + const active = dotIndex === current; + dot.classList.toggle('is-active', active); + if (active) dot.setAttribute('aria-current', 'true'); + else dot.removeAttribute('aria-current'); + }); + }; + const stop = () => { + if (timer !== null) window.clearInterval(timer); + timer = null; + }; + const start = () => { + stop(); + if (isPaused || isInteracting || reducedMotion.matches || document.hidden) return; + timer = window.setInterval(() => show(current + 1), 5000); + }; + const move = (direction) => { + show(current + direction); + start(); + }; + + previous?.addEventListener('click', () => move(-1)); + next?.addEventListener('click', () => move(1)); + dots.forEach((dot) => dot.addEventListener('click', () => { + show(Number(dot.dataset.articleDot)); + start(); + })); + pause?.addEventListener('click', () => { + isPaused = !isPaused; + pause.setAttribute('aria-pressed', String(isPaused)); + pause.textContent = isPaused ? '자동재생 시작' : '자동재생 일시정지'; + start(); + }); + slider.addEventListener('mouseenter', () => { + isInteracting = true; + stop(); + }); + slider.addEventListener('mouseleave', () => { + isInteracting = false; + start(); + }); + slider.addEventListener('focusin', () => { + isInteracting = true; + stop(); + }); + slider.addEventListener('focusout', () => { + isInteracting = false; + start(); + }); + document.addEventListener('visibilitychange', start); + reducedMotion.addEventListener('change', start); + start(); +})(); + (() => { const mapFrame = document.querySelector('[data-naver-map]'); if (!mapFrame) return; @@ -219,6 +407,9 @@ const mapElement = mapFrame.querySelector('.naver-map'); const statusElement = mapFrame.querySelector('[data-naver-map-status]'); const fullscreenButton = mapFrame.querySelector('[data-naver-map-fullscreen]'); + const zoomControl = mapFrame.querySelector('[data-naver-map-zoom]'); + const zoomInButton = mapFrame.querySelector('[data-naver-map-zoom-in]'); + const zoomOutButton = mapFrame.querySelector('[data-naver-map-zoom-out]'); const externalLink = mapFrame.parentElement?.querySelector('[data-naver-map-external]'); const clientId = mapFrame.dataset.clientId; const latitude = Number(mapFrame.dataset.latitude); @@ -231,6 +422,7 @@ mapFrame.dataset.mapState = state; mapFrame.setAttribute('aria-busy', String(state === 'loading')); if (fullscreenButton) fullscreenButton.hidden = state !== 'ready'; + if (zoomControl) zoomControl.hidden = state !== 'ready'; if (statusElement && message) statusElement.textContent = message; }; @@ -249,10 +441,15 @@ center: position, zoom: 17, minZoom: 10, - zoomControl: true, - zoomControlOptions: { - position: window.naver.maps.Position.RIGHT_CENTER, - }, + maxZoom: 21, + draggable: false, + keyboardShortcuts: false, + scrollWheel: false, + pinchZoom: false, + disableDoubleClickZoom: true, + disableDoubleTapZoom: true, + disableTwoFingerTapZoom: true, + zoomControl: false, }); new window.naver.maps.Marker({ @@ -261,6 +458,22 @@ title: label, }); + const updateZoomButtons = () => { + const zoom = map.getZoom(); + if (zoomInButton) zoomInButton.disabled = zoom >= 21; + if (zoomOutButton) zoomOutButton.disabled = zoom <= 10; + }; + const setFixedZoom = (difference) => { + const nextZoom = Math.min(21, Math.max(10, map.getZoom() + difference)); + map.setCenter(position); + map.setZoom(nextZoom, false); + map.setCenter(position); + updateZoomButtons(); + }; + zoomInButton?.addEventListener('click', () => setFixedZoom(1)); + zoomOutButton?.addEventListener('click', () => setFixedZoom(-1)); + updateZoomButtons(); + const refreshMapSize = () => { window.setTimeout(() => { window.naver.maps.Event.trigger(map, 'resize'); diff --git a/public/index.php b/public/index.php index 8f92286..e978ca6 100644 --- a/public/index.php +++ b/public/index.php @@ -10,9 +10,11 @@ use App\Repositories\InquiryRepository; use App\Repositories\AdminRepository; use App\Auth\AdminAuth; use App\Repositories\SiteSettingRepository; +use App\Services\AnalyticsService; $path = parse_url($_SERVER['REQUEST_URI'] ?? '/', PHP_URL_PATH) ?: '/'; $basePath = (string) config('app.base_path', ''); +$mediaExperiment = $basePath !== ''; if ($basePath !== '') { if ($path !== $basePath && !str_starts_with($path, $basePath . '/')) { http_response_code(404); @@ -68,7 +70,12 @@ if ($path === '/blog' && $method === 'GET') { } if (preg_match('#^/blog/([a-z0-9-]+)$#', $path, $matches) === 1 && $method === 'GET') { - $post = $postRepository?->findPublishedBySlug($matches[1]); + $requestedSlug = $matches[1]; + $slugRedirects = config('post_slug_redirects', []); + if (is_array($slugRedirects) && isset($slugRedirects[$requestedSlug])) { + redirect('/blog/' . $slugRedirects[$requestedSlug], 301); + } + $post = $postRepository?->findPublishedBySlug($requestedSlug); if ($post === null) { http_response_code(404); render('errors/404', ['title' => '게시글을 찾을 수 없습니다']); @@ -346,20 +353,48 @@ if (str_starts_with($path, '/admin')) { } if ($path === '/admin' && $method === 'GET') { - render('admin/dashboard', ['title'=>'대시보드','counts'=>$adminRepository->dashboardCounts()], 'layouts/admin'); + $analytics = (new AnalyticsService())->dashboard(); + render('admin/dashboard', ['title'=>'대시보드','counts'=>$adminRepository->dashboardCounts(),'analytics'=>$analytics], 'layouts/admin'); exit; } if ($path === '/admin/posts' && $method === 'GET') { render('admin/posts/index', ['title'=>'글 관리','posts'=>$adminRepository->posts()], 'layouts/admin'); exit; } + if (preg_match('#^/admin/posts/(\d+)/preview$#', $path, $adminPreviewMatch) === 1 && $method === 'GET') { + $post = $adminRepository->findPost((int) $adminPreviewMatch[1]); + if (!$post) { + http_response_code(404); + render('errors/404', ['title'=>'게시글을 찾을 수 없습니다'], 'layouts/admin'); + exit; + } + render('blog/show', [ + 'title'=>'미리보기 · ' . $post['title'], + 'description'=>$post['excerpt'] ?: '관리자 게시글 미리보기', + 'post'=>$post, + 'preview'=>true, + 'mediaExperiment'=>$mediaExperiment, + 'noindex'=>true, + 'canonicalUrl'=>rtrim((string) config('app.base_url'), '/') . '/blog/' . $post['slug'], + ]); + exit; + } if ($path === '/admin/posts/new' && $method === 'GET') { - render('admin/posts/form', ['title'=>'새 글 작성','post'=>null,'errors'=>[]], 'layouts/admin'); + render('admin/posts/form', ['title'=>'새 글 작성','post'=>null,'errors'=>[],'mediaExperiment'=>$mediaExperiment], 'layouts/admin'); exit; } if ($path === '/admin/posts/new' && $method === 'POST') { verify_csrf(); $postData = collect_post_input(); + if ($mediaExperiment) { + $result = save_media_post_request($adminRepository, $postData, null, null); + if ($result['errors']) { + http_response_code(422); + render('admin/posts/form', ['title'=>'새 글 작성','post'=>null,'errors'=>$result['errors'],'mediaExperiment'=>true], 'layouts/admin'); + exit; + } + redirect('/admin/posts/' . $result['id'] . '/preview'); + } $errors = validate_post_input($postData, $adminRepository); [$image, $imageError] = prepare_post_image($_FILES['image'] ?? null); if ($imageError !== null) $errors[] = $imageError; @@ -390,12 +425,22 @@ if (str_starts_with($path, '/admin')) { exit; } if ($method === 'GET') { - render('admin/posts/form', ['title'=>'글 수정','post'=>$post,'errors'=>[]], 'layouts/admin'); + render('admin/posts/form', ['title'=>'글 수정','post'=>$post,'errors'=>[],'mediaExperiment'=>$mediaExperiment], 'layouts/admin'); exit; } if ($method === 'POST') { verify_csrf(); $postData = collect_post_input(); + if ($mediaExperiment) { + $result = save_media_post_request($adminRepository, $postData, $post, $postId); + if ($result['errors']) { + $post = $adminRepository->findPost($postId) ?? $post; + http_response_code(422); + render('admin/posts/form', ['title'=>'글 수정','post'=>$post,'errors'=>$result['errors'],'mediaExperiment'=>true], 'layouts/admin'); + exit; + } + redirect('/admin/posts/' . $postId . '/preview'); + } $errors = validate_post_input($postData, $adminRepository, $postId); [$image, $imageError] = prepare_post_image($_FILES['image'] ?? null); if ($imageError !== null) $errors[] = $imageError; @@ -515,8 +560,6 @@ function validate_post_input(array $data, AdminRepository $repository, ?int $exc { $errors = []; if ($data['title']==='' || mb_strlen($data['title'])>200) $errors[]='제목을 200자 이내로 입력해 주세요.'; - if (!preg_match('/^[a-z0-9]+(?:-[a-z0-9]+)*$/', $data['slug'])) $errors[]='slug는 영문 소문자, 숫자, 하이픈으로 입력해 주세요.'; - elseif ($repository->slugExists($data['slug'], $exceptId)) $errors[]='이미 사용 중인 slug입니다.'; if (!in_array($data['category'], ['네트워크','키폰시스템','CCTV','시공사례'], true)) $errors[]='카테고리를 확인해 주세요.'; if (mb_strlen($data['excerpt'])>500) $errors[]='목록 요약을 500자 이내로 입력해 주세요.'; if ($data['body']==='') $errors[]='본문을 입력해 주세요.'; @@ -526,14 +569,140 @@ function validate_post_input(array $data, AdminRepository $repository, ?int $exc return $errors; } -function prepare_post_image(?array $file): array +function save_media_post_request(AdminRepository $repository, array $postData, ?array $post, ?int $postId): array +{ + $deleteIds = array_values(array_unique(array_filter(array_map('intval', (array) ($_POST['delete_images'] ?? []))))); + $existingGallery = $post['gallery_images'] ?? []; + $existingInline = $post['inline_images'] ?? []; + $existingById = []; + foreach ([...$existingGallery, ...$existingInline] as $image) { + $existingById[(int) $image['id']] = $image; + } + $deleteIds = array_values(array_filter($deleteIds, static fn (int $id): bool => isset($existingById[$id]))); + + foreach ($existingInline as $image) { + if (in_array((int) $image['id'], $deleteIds, true)) { + $postData['body'] = preg_replace( + '/(?:\R{2,})?\[\[image:' . preg_quote((string) $image['token'], '/') . '\]\](?:\R{2,})?/', + "\n\n", + $postData['body'] + ) ?? $postData['body']; + } + } + $postData['body'] = trim($postData['body']); + $_POST['body'] = $postData['body']; + + $errors = validate_post_input($postData, $repository, $postId); + [$galleryUploads, $galleryErrors] = prepare_post_images($_FILES['gallery_images'] ?? null, '대표 이미지'); + [$inlineUploads, $inlineErrors] = prepare_post_images($_FILES['inline_images'] ?? null, '본문 이미지'); + $errors = [...$errors, ...$galleryErrors, ...$inlineErrors]; + + $newGalleryAlts = array_map(static fn ($value): string => trim((string) $value), (array) ($_POST['new_gallery_alts'] ?? [])); + $newInlineAlts = array_map(static fn ($value): string => trim((string) $value), (array) ($_POST['new_inline_alts'] ?? [])); + $submittedInlineTokens = array_map(static fn ($value): string => trim((string) $value), (array) ($_POST['new_inline_tokens'] ?? [])); + $newInlineTokens = []; + foreach ($submittedInlineTokens as $token) { + if (preg_match('/^[1-9]\d{0,2}$/D', $token) !== 1) { + $errors[] = '본문 이미지 위치 정보를 다시 확인해 주세요.'; + continue; + } + $newInlineTokens[] = (int) $token; + } + if (count($newGalleryAlts) !== count($galleryUploads)) $errors[] = '선택한 대표 이미지 정보를 다시 확인해 주세요.'; + if (count($newInlineAlts) !== count($inlineUploads)) $errors[] = '선택한 본문 이미지 정보를 다시 확인해 주세요.'; + if (count($newInlineTokens) !== count($inlineUploads)) $errors[] = '선택한 본문 이미지의 위치 정보를 다시 확인해 주세요.'; + foreach ($newGalleryAlts as $alt) if ($alt === '' || mb_strlen($alt) > 255) $errors[] = '새 대표 이미지의 대체 텍스트를 255자 이내로 입력해 주세요.'; + foreach ($newInlineAlts as $alt) if ($alt === '' || mb_strlen($alt) > 255) $errors[] = '새 본문 이미지의 대체 텍스트를 255자 이내로 입력해 주세요.'; + + $imageAlts = []; + foreach ((array) ($_POST['media_alt'] ?? []) as $imageId => $alt) { + $imageId = (int) $imageId; + if (!isset($existingById[$imageId]) || in_array($imageId, $deleteIds, true)) continue; + $alt = trim((string) $alt); + if ($alt === '' || mb_strlen($alt) > 255) $errors[] = '등록된 이미지의 대체 텍스트를 255자 이내로 입력해 주세요.'; + $imageAlts[$imageId] = $alt; + } + + $remainingGallery = count(array_filter($existingGallery, static fn (array $image): bool => !in_array((int) $image['id'], $deleteIds, true))); + $remainingInlineImages = array_values(array_filter($existingInline, static fn (array $image): bool => !in_array((int) $image['id'], $deleteIds, true))); + $remainingInline = count($remainingInlineImages); + $totalGallery = $remainingGallery + count($galleryUploads); + $totalInline = $remainingInline + count($inlineUploads); + if ($totalGallery > 6) $errors[] = '대표 이미지는 최대 6장까지 등록할 수 있습니다.'; + if ($totalInline > 10) $errors[] = '본문 이미지는 최대 10장까지 등록할 수 있습니다.'; + if (($totalGallery > 1 || $totalInline > 0) && $postData['status'] !== 'draft') { + $errors[] = '다중·본문 이미지 기능은 테스트 중이므로 초안으로만 저장할 수 있습니다.'; + } + $activeTokens = array_map(static fn (array $image): int => (int) $image['token'], $remainingInlineImages); + foreach ($newInlineTokens as $token) { + if (in_array($token, $activeTokens, true)) $errors[] = '본문 이미지 위치 정보가 중복되었습니다.'; + $activeTokens[] = $token; + } + if (count($activeTokens) !== count(array_unique($activeTokens))) $errors[] = '본문 이미지 위치 정보가 중복되었습니다.'; + preg_match_all('/\[\[image:(\d+)\]\]/', $postData['body'], $bodyTokenMatches); + $bodyTokens = array_map('intval', $bodyTokenMatches[1] ?? []); + foreach ($activeTokens as $token) { + if (count(array_keys($bodyTokens, $token, true)) !== 1) $errors[] = '각 본문 이미지는 글 안에 한 번씩 배치해 주세요.'; + } + foreach ($bodyTokens as $token) { + if (!in_array($token, $activeTokens, true)) $errors[] = '연결되지 않은 본문 이미지 위치가 있습니다.'; + } + if ($errors !== []) return ['id' => $postId, 'errors' => array_values(array_unique($errors))]; + + $storedPaths = []; + $galleryImages = []; + $inlineImages = []; + try { + foreach ($galleryUploads as $index => $image) { + $path = store_post_image($image); + $storedPaths[] = $path; + $galleryImages[] = ['path' => $path, 'alt' => $newGalleryAlts[$index]]; + } + foreach ($inlineUploads as $index => $image) { + $path = store_post_image($image); + $storedPaths[] = $path; + $inlineImages[] = ['path' => $path, 'alt' => $newInlineAlts[$index], 'token' => $newInlineTokens[$index]]; + } + $result = $repository->savePostWithMedia($postData, $postId, $galleryImages, $inlineImages, $deleteIds, $imageAlts); + foreach ($result['old_paths'] as $oldPath) remove_stored_image((string) $oldPath); + return ['id' => $result['id'], 'errors' => []]; + } catch (Throwable) { + foreach ($storedPaths as $storedPath) remove_stored_image($storedPath); + return ['id' => $postId, 'errors' => ['저장하지 못했습니다. 잠시 후 다시 시도해 주세요.']]; + } +} + +function prepare_post_images(?array $files, string $label): array +{ + if ($files === null || !isset($files['name'], $files['error'], $files['size'], $files['tmp_name'])) return [[], []]; + $names = is_array($files['name']) ? $files['name'] : [$files['name']]; + $errors = is_array($files['error']) ? $files['error'] : [$files['error']]; + $sizes = is_array($files['size']) ? $files['size'] : [$files['size']]; + $temporaryNames = is_array($files['tmp_name']) ? $files['tmp_name'] : [$files['tmp_name']]; + $prepared = []; + $messages = []; + foreach ($names as $index => $name) { + if (($errors[$index] ?? UPLOAD_ERR_NO_FILE) === UPLOAD_ERR_NO_FILE) continue; + [$image, $error] = prepare_post_image([ + 'name' => $name, + 'error' => $errors[$index] ?? UPLOAD_ERR_NO_FILE, + 'size' => $sizes[$index] ?? 0, + 'tmp_name' => $temporaryNames[$index] ?? '', + ], $label); + if ($error !== null) $messages[] = $error; + if ($image !== null) $prepared[] = $image; + } + return [$prepared, $messages]; +} + +function prepare_post_image(?array $file, string $label = '대표 이미지'): array { if ($file === null || ($file['error'] ?? UPLOAD_ERR_NO_FILE) === UPLOAD_ERR_NO_FILE) return [null, null]; if (!isset($file['error'], $file['size'], $file['tmp_name']) || is_array($file['error']) || is_array($file['size']) || is_array($file['tmp_name'])) { return [null, '이미지 업로드 요청이 올바르지 않습니다.']; } if ((int) $file['error'] !== UPLOAD_ERR_OK) return [null, '이미지를 업로드하지 못했습니다. 파일 크기를 확인해 주세요.']; - if ((int) $file['size'] <= 0 || (int) $file['size'] > 8 * 1024 * 1024) return [null, '대표 이미지는 8MB 이하만 등록할 수 있습니다.']; + if ((int) $file['size'] <= 0 || (int) $file['size'] > 8 * 1024 * 1024) return [null, $label . '는 파일당 8MB 이하만 등록할 수 있습니다.']; $tmpName = (string) $file['tmp_name']; if (!is_uploaded_file($tmpName)) return [null, '업로드된 이미지 파일을 확인할 수 없습니다.']; diff --git a/public/sitemap.xml b/public/sitemap.xml index 723e50e..d82a27a 100644 --- a/public/sitemap.xml +++ b/public/sitemap.xml @@ -4,10 +4,10 @@ https://gtsit.co.kr/blog https://gtsit.co.kr/contact https://gtsit.co.kr/privacy - https://gtsit.co.kr/blog/office-lan-structure-cabling-guide - https://gtsit.co.kr/blog/outdoor-wireless-link-installation-guide - https://gtsit.co.kr/blog/keyphone-system-capacity-selection - https://gtsit.co.kr/blog/cctv-recorder-essential-features - https://gtsit.co.kr/blog/network-rack-cabling-maintenance-case - https://gtsit.co.kr/blog/office-network-move-checklist + https://gtsit.co.kr/blog/post-1 + https://gtsit.co.kr/blog/post-10 + https://gtsit.co.kr/blog/post-11 + https://gtsit.co.kr/blog/post-12 + https://gtsit.co.kr/blog/post-13 + https://gtsit.co.kr/blog/post-14