From 49de0e277c86b7a0cc78278b9121fc1e2935cc3e Mon Sep 17 00:00:00 2001
From: zenn <zenn.message@gmail.com>
Date: Fri, 1 May 2026 23:11:51 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B4=80=EB=A6=AC=EC=9E=90=20=EC=A0=9C?=
 =?UTF-8?q?=EB=AA=A9=20=EC=9E=85=EB=A0=A5=20=ED=9D=90=EB=A6=84=20=EB=B3=B4?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/admin/AdminBlockEditor.vue | 10 +++++++++-
 components/admin/AdminPostForm.vue    | 14 ++++++++++++--
 docs/history.md                       |  8 ++++++++
 docs/spec.md                          |  4 +++-
 docs/update.md                        |  6 ++++++
 package-lock.json                     |  4 ++--
 package.json                          |  2 +-
 7 files changed, 41 insertions(+), 7 deletions(-)

diff --git a/components/admin/AdminBlockEditor.vue b/components/admin/AdminBlockEditor.vue
index 49ea75b..0f48aca 100644
--- a/components/admin/AdminBlockEditor.vue
+++ b/components/admin/AdminBlockEditor.vue
@@ -564,10 +564,14 @@ watch(editorBlocks, () => {
     isApplyingExternalValue.value = false
   })
 }, { deep: true })
+
+defineExpose({
+  focusFirstBlock: () => focusBlock(0)
+})
 </script>
 
 <template>
-  <div class="admin-block-editor min-h-[32rem] bg-transparent py-4">
+  <div class="admin-block-editor min-h-[32rem] bg-transparent py-4 text-ink">
     <div class="admin-block-editor__surface post-prose grid gap-1">
       <div
         v-for="(block, index) in editorBlocks"
@@ -629,4 +633,8 @@ watch(editorBlocks, () => {
   color: var(--site-soft);
   content: attr(data-placeholder);
 }
+
+.admin-block-editor__block {
+  color: #1f2328;
+}
 </style>
diff --git a/components/admin/AdminPostForm.vue b/components/admin/AdminPostForm.vue
index 8777e25..0cc0623 100644
--- a/components/admin/AdminPostForm.vue
+++ b/components/admin/AdminPostForm.vue
@@ -17,6 +17,7 @@ const props = defineProps({
 const emit = defineEmits(['submit'])
 
 const slugTouched = ref(Boolean(props.initialPost.slug))
+const blockEditor = ref(null)
 
 const form = reactive({
   title: props.initialPost.title || '',
@@ -66,6 +67,14 @@ const parseTags = (value) => [...new Set(value
   .map((tag) => toSlug(tag))
   .filter(Boolean))]
 
+/**
+ * 제목 입력 후 본문 에디터로 이동
+ * @returns {void}
+ */
+const focusContentEditor = () => {
+  blockEditor.value?.focusFirstBlock()
+}
+
 /**
  * 게시물 입력값 제출
  * @returns {void}
@@ -94,14 +103,15 @@ const submitPost = () => {
       <section class="admin-post-form__content grid gap-4">
         <input
           v-model="form.title"
-          class="admin-post-form__title-input border-0 bg-transparent px-0 py-2 text-5xl font-semibold leading-tight outline-none placeholder:text-soft"
+          class="admin-post-form__title-input border-0 bg-transparent px-0 py-2 text-5xl font-semibold leading-tight text-ink outline-none placeholder:text-soft"
           type="text"
           placeholder="제목"
           required
+          @keydown.enter.prevent="focusContentEditor"
         >
 
         <div class="admin-post-form__field grid gap-2 text-sm">
-          <AdminBlockEditor v-model="form.content" />
+          <AdminBlockEditor ref="blockEditor" v-model="form.content" />
         </div>
       </section>
 
diff --git a/docs/history.md b/docs/history.md
index 62cdd8d..efa73ff 100644
--- a/docs/history.md
+++ b/docs/history.md
@@ -1,5 +1,13 @@
 # 의사결정 이력
 
+## 2026-05-01 v0.0.12
+
+### 제목과 본문 입력 흐름 보정
+
+관리자 글쓰기 화면에서 제목은 별도 데이터 필드로 유지하되, 키보드 흐름은 본문 에디터와 이어지도록 한다. 제목 입력 중 Enter를 누르면 폼 제출이 아니라 본문 첫 블록으로 포커스를 이동해 Ghost류 작성 화면처럼 하나의 글쓰기 흐름으로 느껴지게 한다.
+
+관리자 에디터 본문 색상은 공개 화면용 `post-prose` 전역 색상 변수를 그대로 따르지 않고 관리자 화면의 `ink` 색상으로 고정한다. 시스템 다크모드 변수와 관리자 흰 배경이 섞이면 실제 입력 텍스트가 placeholder보다 흐리거나 읽기 어려워질 수 있기 때문이다.
+
 ## 2026-05-01 v0.0.11
 
 ### 블록 에디터 키보드 흐름 보정
diff --git a/docs/spec.md b/docs/spec.md
index 19b7028..b9f4b04 100644
--- a/docs/spec.md
+++ b/docs/spec.md
@@ -212,6 +212,8 @@ components/content/
 - 빈 문단에서 Enter를 누르면 다음 빈 문단 블록을 생성한다.
 - 빈 블록 placeholder는 현재 활성 블록 또는 첫 빈 블록에만 표시한다.
 - 제목은 별도 라벨 영역이 아니라 에디터 상단의 큰 제목 입력으로 표시한다.
+- 제목 입력에서 Enter를 누르면 본문 첫 블록으로 포커스를 이동한다.
+- 관리자 글 에디터의 실제 입력 텍스트 색상은 placeholder보다 진하게 표시한다.
 - 관리자 작성 화면과 공개 본문은 같은 마크다운 렌더링 기준을 사용한다.
 
 ### 관리자 인증
@@ -291,6 +293,6 @@ APP_PORT=43118
 
 ## 버전 관리
 
-- 현재 버전: v0.0.11
+- 현재 버전: v0.0.12
 - 첫 커밋 이후 변경사항을 커밋할 때마다 패치 버전 증가
 - 메이저/마이너 버전은 구조 변경 또는 기능 묶음 단위로 결정
diff --git a/docs/update.md b/docs/update.md
index 2b60db2..a867b6c 100644
--- a/docs/update.md
+++ b/docs/update.md
@@ -1,5 +1,11 @@
 # 업데이트 이력
 
+## v0.0.12
+
+- 관리자 글 제목 입력에서 Enter 입력 시 본문 첫 블록으로 이동하도록 수정.
+- 관리자 블록 에디터 본문 글자 색상을 관리자 화면 기준으로 고정.
+- 패키지 버전을 0.0.12로 갱신.
+
 ## v0.0.11
 
 - 관리자 블록 에디터에서 빈 문단 Enter 입력 시 새 빈 블록이 생성되도록 수정.
diff --git a/package-lock.json b/package-lock.json
index 7b5d430..ea9edd5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "sori.studio",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "sori.studio",
-      "version": "0.0.11",
+      "version": "0.0.12",
       "hasInstallScript": true,
       "dependencies": {
         "@nuxtjs/tailwindcss": "^6.14.0",
diff --git a/package.json b/package.json
index d24447c..115701b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sori.studio",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "private": true,
   "type": "module",
   "scripts": {