Bellog에 오신 것을 환영합니다
Next.js 16과 MDX로 만든 개인 기술 블로그를 소개합니다.
소개
안녕하세요! Bellog에 오신 것을 환영합니다.
이 블로그는 Next.js 16과 MDX를 사용하여 만들어진 개인 기술 블로그입니다. 노션 스타일의 깔끔한 디자인을 목표로 하고 있습니다.
기술 스택
이 블로그는 다음과 같은 기술 스택으로 구성되어 있습니다:
- Next.js 16 - App Router, Server Components
- React 19 - 최신 React 기능 활용
- TypeScript - 타입 안전성
- Tailwind CSS 4 - 유틸리티 기반 스타일링
- MDX - Markdown과 JSX의 결합
코드 예제
다음은 간단한 TypeScript 코드 예제입니다:
interface Post {
title: string;
description: string;
date: string;
tags: string[];
}
function formatDate(date: string): string {
return new Date(date).toLocaleDateString('ko-KR', {
year: 'numeric',
month: 'long',
day: 'numeric',
});
}React 컴포넌트 예제도 살펴보세요:
export function PostCard({ post }: { post: Post }) {
return (
<article className="border-b py-8">
<h2 className="text-xl font-semibold">{post.title}</h2>
<p className="text-gray-600 mt-2">{post.description}</p>
<time className="text-sm text-gray-400">
{formatDate(post.date)}
</time>
</article>
);
}인라인 코드
변수를 선언할 때는 const나 let을 사용합니다.
마무리
앞으로 이 블로그에서 다양한 기술 관련 글들을 공유할 예정입니다. 많은 관심 부탁드립니다!