feat: 일지 제목 추가

Author: DongEun02

app/(with-sidebar)/write/page.tsx

@@ -2,7 +2,7 @@ import Editor from '@/components/write/Editor';
 
 const Page = () => {
   return (
-    <div className="bg-background flex min-h-screen flex-col gap-8">
+    <div className="bg-background flex min-h-screen flex-col gap-8 p-4">
       <Editor />
     </div>
   );

components/write/Editor.tsx

@@ -14,6 +14,7 @@ const MDEditor = dynamic<MDEditorProps>(() => import('@uiw/react-md-editor'), {
 
 const Editor = () => {
   const [value, setValue] = useState<string>('');
+  const [title, setTitle] = useState<string>('');
   const router = useRouter();
 
   const onClickCancel = () => {
@@ -26,13 +27,17 @@ const Editor = () => {
       alert('로그인이 필요합니다');
       return;
     }
+    if (!title.trim()) {
+      alert('제목을 입력하세요');
+      return;
+    }
     if (!value.trim()) {
       alert('내용을 입력하세요');
       return;
     }
 
     try {
-      const id = await createPost(user.uid, value);
+      const id = await createPost(user.uid, value, title);
       alert('저장 완료!');
       console.log('postId:', id);
 
@@ -43,15 +48,25 @@ const Editor = () => {
     }
   };
 
+  const onChangeTitle = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setTitle(e.target.value);
+  };
+
   return (
     <div
       data-color-mode="light"
       className="mx-auto mt-8 flex w-full max-w-5xl flex-col gap-8 rounded-2xl px-4 [&_.w-md-editor]:border-0! [&_.w-md-editor]:bg-transparent! [&_.w-md-editor]:shadow-none [&_.w-md-editor-text]:bg-transparent! [&_.w-md-editor-toolbar]:bg-transparent! [&_.wmde-markdown]:bg-transparent!"
     >
+      <input
+        type="text"
+        placeholder="제목을 입력하세요"
+        onChange={onChangeTitle}
+        className="py-3 text-3xl focus:ring-0 focus:outline-none"
+      />
       <MDEditor
         value={value}
         onChange={(v) => setValue(v ?? '')}
-        height={800}
+        height={700}
         preview="live"
         textareaProps={{
           placeholder: '내용을 입력하세요',

services/write/post.service.ts

@@ -17,10 +17,10 @@ export type PostData = {
 
 export type Post = PostData & { id: string };
 
-export async function createPost(uid: string, content: string, title?: string) {
+export async function createPost(uid: string, content: string, title: string) {
   const postsCol = collection(db, 'users', uid, 'posts');
   const docRef = await addDoc(postsCol, {
-    title: title ?? '',
+    title: title,
     content,
     createdAt: serverTimestamp(),
     updatedAt: serverTimestamp(),
@@ -39,7 +39,8 @@ function parsePostData(raw: unknown): PostData | null {
   const content = raw.content;
   if (typeof content !== 'string') return null; // content는 필수
 
-  const title = typeof raw.title === 'string' ? raw.title : '';
+  const title = raw.title;
+  if (typeof title !== 'string') return null;
 
   const createdAt = raw.createdAt instanceof Timestamp ? raw.createdAt : null;
 
@@ -52,7 +53,7 @@ export async function fetchMyPost(
   uid: string | null | undefined,
   postId: string | null | undefined
 ): Promise<Post | null> {
-  // ✅ 여기서 uid/postId 실물 확인
+  // 여기서 uid/postId 실물 확인
   console.log('[fetchMyPost] path =', { uid, postId });
 
   if (!uid || !postId) return null;