블로그 관리 편의성 개선 - 날짜 포맷, 글 링크, Admin 버튼

🤖 1171 in / 672 out / 1843 total tokens

글 상세 페이지의 날짜 표시를 2026.03.13 15:28 형식으로 변경했다. 기존엔 toLocaleDateString으로 처리했는데, 시간까지 표시하려니 깔끔하지 않아 직접 포맷팅했다.

어드민 글 관리 페이지에서 제목을 클릭하면 해당 글로 이동하도록 했다. 새 탭으로 열리게 target="_blank" 설정. 관리하다가 "실제로 어떻게 보이지?" 궁금할 때 바로 확인 가능하다.

NavBar에 Admin 버튼을 추가했다. 로그인된 관리자에게만 보이도록 auth() 세션 체크 후 조건부 렌더링. Settings 아이콘을 lucide에서 가져왔다.

// 날짜 포맷팅 직접 처리
const d = new Date(createdAt);
const dateStr = `${d.getFullYear()}.${String(d.getMonth() + 1).padStart(2, "0")}.${String(d.getDate()).padStart(2, "0")} ${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
 
// Admin 버튼 조건부 렌더링
{session && (
  <Link href="/admin/posts" className="...">
    <Settings className="h-5 w-5" />
  </Link>
)}

관리자 UX를 조금 더 편하게 만든 업데이트다.

Next.js UX Admin 날짜포맷